IE が (chrome や Firefox とは異なり) Web サイトを奇妙に表示していることに気付いたときはいつでも、zoom:1
奇妙に表示されている部分の css クラスに a を入れてみます。多くの場合、これにより問題が修正され、他のブラウザとの一貫性が保たれます。
使用に問題はありますzoom:1
か?CSS が検証されないことはわかっていますが、使用に頼りすぎると実際に問題が発生する可能性はありzoom:1
ますか?
IE が (chrome や Firefox とは異なり) Web サイトを奇妙に表示していることに気付いたときはいつでも、zoom:1
奇妙に表示されている部分の css クラスに a を入れてみます。多くの場合、これにより問題が修正され、他のブラウザとの一貫性が保たれます。
使用に問題はありますzoom:1
か?CSS が検証されないことはわかっていますが、使用に頼りすぎると実際に問題が発生する可能性はありzoom:1
ますか?
これと戦っている問題はIEのhasLayout
問題です。これは、 IEで「レイアウトを持つ」ことをトリガーするプロパティについての良い記事と概要です。
zoom: 1
W3Cが有効でないことを除いて、副作用はありません。私はいくつかのプロジェクトでそれを自分で使用していると確信しています。
ただし、もちろん、zoom
いつか実際の CSS プロパティになる可能性はほとんどありません。または、iPad などの別の独自のコンテキストで使用される可能性があります。
本当にきれいな解決策ですが、ズームはそうではありません。可能であれば、記事で概説されているように、要素「レイアウト」を別の方法で与えることをお勧めします。
2012年11月の時点で、ズームがいつか有効なCSSになる可能性が高くなりますが、上記のコンテキストでズームを使用しても悪影響はないようです。
http://dev.w3.org/csswg/css-device-adapt/またはhttp://www.w3.org/TR/css-device-adapt/を参照してください。
それどころか、IE でも zoom:1 を使用することには決定的な欠点があります。通常、私は IE のみのスタイルシートにのみ含めますが、ここ数日でさえ、*{zoom:1;} を使用することを選択したため、いくつかのレイアウトの問題に取り組んでいました。
-- お持ち帰り -- 限定的にご利用ください。IE7+ のみに関心がある場合は、min-height: 1% を使用できます。これは、hasLayout をトリガーするのと同じ効果があります。
zoom は IE でのみサポートされているため、現時点ではサポートされていません。zoom と呼ばれる将来のプロパティが存在する可能性がありますが、これは物事を台無しにする可能性がありますが、広く使用されているため可能性は低いです。
display: inline-block;
は同じことを行いますが、標準コードです。
まれに問題が発生する場合は、使用できます
display: block !important; /* or inline, etc. */
display: inline-block; /* in this order */
これが役立つ古いバージョンの Internet Explorer にのみ送信するようにします。