CSSクラスでZoom:1を使用しても大丈夫ですか?
-
03-10-2019 - |
質問
IEが私のウェブサイトを奇妙に表示しているのを見つけたときはいつでも(ChromeやFirefoxとは異なります)、 zoom:1
奇妙に表示されている部品のCSSクラスで。多くの場合、これにより問題が修正され、他のブラウザーと一致して見えます。
使用するのは問題ですか zoom:1
?私のCSSが検証されないことは知っていますが、使用に頼りすぎると発生する可能性のある現実世界の問題はありますか zoom:1
?
解決
あなたがこれと戦っている問題はIEです hasLayout
問題。 ここ IEで「レイアウトを持っている」プロパティもトリガーする良い記事と概要です。
私は副作用がないことを知っています zoom: 1
W3C有効ではないことを除いて。いくつかのプロジェクトで自分で使用していると確信しています。
しかし、もちろん、遠く離れたチャンスがあります zoom
いつか実際のCSSプロパティになるか、iPadなどの別の独自のコンテキストで使用されます。
本当に 綺麗 解決策、ズームはそうではありません。可能であれば、記事で概説されているように、他の方法で要素を「レイアウト」することをお勧めします。
他のヒント
それどころか、IEであっても、Zoom:1を使用することには決定的な欠点があります。通常、私はIEのみのスタイルシートにのみ含めますが、過去数日でさえ、 *{Zoom:1;}を使用することを選択したため、いくつかのレイアウトの問題と格闘しました。
- テイクアウト - 限られたベースで使用します。 IE7+のみを気にする場合は、Min-Height:1%を使用できます。
2012年11月の時点で、ズームがいつか有効なCSSになる可能性が高くなりますが、上記のコンテキストで使用することで否定的な副作用はないようです。
見る: http://dev.w3.org/csswg/css-device-adapt/ また http://www.w3.org/tr/css-device-adapt/
ズームはIEによってのみサポートされているため、現時点ではそうではありません。潜在的に、ズームと呼ばれる将来のプロパティがある可能性があります。
display: inline-block;
同じことをしますが、標準コードです。
の中に レア 問題が発生する場合、使用できます
display: block !important; /* or inline, etc. */
display: inline-block; /* in this order */
それを役立つインターネットエクスプローラーの古代バージョンにのみ送信すること。