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 ページングクエリ最適化テクニック

ページング クエリを使用するアプリケーションでは、LIMIT と OFFSET を含むクエリが非常に...

Linuxカーネルとデバイスツリーのコンパイルと書き込みを分析する

目次1. 材料を準備する2. Linuxカーネルファイルをダウンロードする3. コンパイル4. TF...

Linux chkconfig コマンドの使用

1. コマンドの紹介chkconfig コマンドは、システム サービスの実行レベル情報を更新および照...

CSSを使用してTDのINPUTの幅を設定する

最近、C# を使用して Web プログラムを作成していたときに、次のような問題が発生しました。 Te...

クリックナンバーゲームを実装するネイティブJS

参考までに、クリックナンバーゲームをネイティブJSで実装しました。具体的な内容は以下のとおりです。最...

Nginx における 2 つの現在の制限方法についての簡単な説明

負荷は通常、システム設計時に予測されます。システムがパブリック ネットワークに公開されている場合、悪...

画像のシームレスなスクロールを実現する JavaScript タイマー

この記事では、画像のシームレスなスクロールを実現するためのJavaScriptの具体的なコードを参考...

iframe タグの使用方法の詳細な説明 (属性、透明度、適応高さ)

1. iframe の定義と使用法iframe 要素は、別のドキュメントを含むインライン フレーム...

LINUX での IPTABLES ファイアウォールの基本的な使用方法のチュートリアル

序文パブリック IP を持つ本番 VPS の場合、必要なポートのみが開かれ、IP とポートを制御する...

IE 環境での css-vars-ponyfill の使用に関する詳細な説明 (nextjs ビルド)

css-vars-ポニーフィルCSS 変数を使用して Web ページのスキニングを実現すると、互換...

MySQL の厄介な Aborted 警告をケーススタディで分析する

この記事では主に、MySQL の Aborted アラームに関する関連コンテンツを紹介し、参考と学習...

ウェブページを作るときに知っておくべきいくつかのスキル

1. IE6 では z-index が無効です。 CSS では、階層を変更するために z-index...

MySQL での order by の使用に関する詳細

目次1. はじめに2. 本文2.1 単一列のソート2.2 複数の列を並べ替える2.3 ソート方法2....

表のセル間隔とセルパディングの違いの詳細な説明

テーブルとは何ですか?セルセルで構成されています。表では、<td> の数は、<tr...

CSS3 回転キューブ問題の詳細な説明

3D座標の概念要素が回転すると、その座標軸も一緒に回転します。注 -y方向の問題立方体を回転させる効...