CSSのzoom属性のまとめ

CSS では、zoom 属性はオブジェクトのズーム率を設定または取得するために使用されます。対応するスクリプト機能はズームです。知っている人は多いですが、具体的な使い方を知らない人や、深く勉強したことがない人もいると思います。Zoomの使い方をまとめました。

1.Cの詳しい説明です。 SS スタイルでのzoom:1属性の役割

CSSでのzoom:1の役割

IE6、IE7、IE8ブラウザと互換性があります。zoom:1を使用することで解決できることがよくあります。以下の機能:
IE ブラウザの haslayout をトリガー
IE の下でのフローティング、マージンの重複、その他の問題を解決します。

2.

CSSのzoom属性またはoverflow:auto属性はfloatをクリアします

実際、CSSのZoom属性は一般的に知られておらず、一部のCSSマニュアルにも記載されていません。実際、Zoom 属性は IE ブラウザ独自の属性であり、Firefox やその他のブラウザではサポートされていません。オブジェクトのスケーリングを設定または取得します。さらに、IE の hasLayout 属性のトリガー、フロートのクリア、マージンのオーバーラップのクリアなどの他の機能もあります。

3.

zoomとtransform:scale()の違い

zoomとtransform:scale()はどちらもズームに使用できます。現在、モバイル側の画面サイズが異なるさまざまな携帯電話が存在します。さまざまな画面幅と互換性を持たせるために、特定の画面幅 (iPhone 5 の 320 など、これはデザイン ドラフトに基づいています) に基づいてページを作成し、他の画面幅と互換性があるようにページを拡大縮小できます。画面の幅。

4.

CSSでのZoomの使い方

zoom:normal | 数値

normal:デフォルト値。オブジェクトの実際のサイズを使用します
number : % | 符号なし浮動小数点実数。浮動小数点実数値が 1.0 またはパーセンテージが 100% の場合、それはこの属性の通常の値と等価です。専門用語での説明では、それはズームです。次の数値は倍率であり、数値または割合。例: ズーム:1、ズーム:120%。

追記: これは IE の独自の属性であると言われています。私が個人的にテストしたところ、Chrome でも使用できました (Firefox ブラウザーはサポートしていません)。

ズーム属性に関する Q&A:

1.

CSS ズームのページ サイズを計算して制御するにはどうすればよいですか?

2.

ズーム 背景画像がページの左上隅から拡大されるのはなぜですか?

3.

CSSでzoom:50%を使用してもページのテキストサイズに影響しません。なぜですか?

以上がCSSのzoom属性のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。