CSS における zoom:1 属性の定義と機能

CSS における zoom:1 属性の定義と機能

今日、CSS の zoom 属性は何のために使用されるのかと尋ねられました。この属性は、フローティングをクリアして haslayout をトリガーするために使用されることは知っています。しかし、具体的な定義がよくわからなかったので、ズームプロパティに関する情報をBaiduで検索してまとめました。

CSS ズームプロパティ

zoom: オブジェクトのズーム比を設定または取得し、IE ブラウザの haslayout プロパティをトリガーし、フローティングやマージンの重なりなどのいくつかの問題を解決します。

文法:

ズーム:通常

パラメータ:

normal: オブジェクトの実際のサイズを使用します(デフォルト値)
数値: 数値を使用してスケーリング比率を定義します。負の数値は使用できません。

例:

ズーム:5

パーセンテージ: パーセンテージを使用してスケーリング比率を定義します。負の数値は使用できません。

例:

ズーム:200%

ズームは IE ブラウザの特別なプロパティです。Firefox や Google などの他のブラウザではサポートされておらず、W3C 標準にも準拠していません。ただし、このプロパティは現在標準化され始めており、CSS3 ドラフトにも登場しています。

加えて:

CSS の zoom 属性を使用すると、Web ページで IE7 のズームインおよびズームアウト機能を実装できるようになります。

たとえば、Web ページを元のサイズの半分にしたい場合は、次のようにstyle="zoom:0.5",を追加します。

プログラムコード

<body style="zoom:0.5">

要約する

上記は、エディターが紹介した CSS の zoom:1 属性の定義と機能です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。
この記事が役に立ったと思われた方は、ぜひ転載していただき、出典を明記してください。ありがとうございます!

<<:  Mysql関数呼び出しの最適化の詳細な説明

>>:  sbinディレクトリを生成せずにNginxをインストールするソリューション

推薦する

MySQLデータベースに他のIPアドレスからアクセスできない問題の解決策

序文先ほどのプロジェクトを参考にすると、環境は整いました。プロジェクトの準備と検証の段階で、問題が発...

ネイティブ js はカスタム スクロール バー コンポーネントを実装します

この記事の例では、カスタムスクロールバーコンポーネントを実装するためのjsの具体的なコードを参考まで...

DockerのIDEA構成プロセス

IDEA は Java で最も一般的に使用されている開発ツールであり、Docker は最も人気のある...

Mysql の大きな SQL ファイルの高速リカバリ ソリューションの共有

序文MySQL データベースを使用する過程では、データベースのバックアップと復元が必要になることがよ...

React-vscode で jsx 構文を使用する際の問題と解決策

問題の説明プラグインをインストールした後、ES7 React/Redux/GraphQL/React...

史上最もシンプルな MySQL データのバックアップと復元のチュートリアル (パート 1) (パート 35)

データのバックアップと復元に関する最初の記事を皆さんに共有します。具体的な内容は次のとおりです。基本...

jsBridgeの動作メカニズムを1つの記事で学ぶ

目次js 呼び出しメソッドアンドロイド1.jsはネイティブを呼び出す2. ネイティブコールjs iO...

DockerでSpring Bootアプリケーションを実行する方法

ここ数日、dockerでSpring Bootアプリケーションを実行する方法を勉強してきました。以前...

VUE 入門 イベント処理の学習

目次1. 関数バインディング2. パラメータと$eventを使用する3. 1つのイベントに複数の関数...

MySQL で MHA アーキテクチャのデプロイメントを構築する手順

目次マハ1. MAHアーキテクチャの概要2. 適用可能なシナリオ3. MHAの動作原理4. MHAの...

Chrome デベロッパー ツールの詳細な紹介 - タイムライン

1. 概要ユーザーは、アクセスする Web アプリケーションがインタラクティブでスムーズに実行される...

Dockerモードで起動したTomcatのホームページにアクセスすると404エラーが発生する

シナリオ: docker で tomcat を起動すると (Alibaba Cloud からダウンロ...

MySQLとRedisでセカンダリキャッシュを実装する方法の詳細な説明

Redis の紹介Redis は完全にオープンソースで無料であり、BSD プロトコルに準拠しており、...

VueはCanvasを使用してランダムなサイズで重なり合わない円を生成します

目次キャンバス関連文書エフェクト画像表示ケースの完全なコード親コンポーネントコードサブコンポーネント...

Ubuntu 18.04の下のディレクトリにディスクをマウントします

導入この記事では、Ubuntu 18.04 デスクトップ システムでディスクを目的のディレクトリにマ...