CSSにおけるzoom:1の役割は何ですか

オブジェクトのスケーリング機能を設定し、ブラウザの互換性の問題もあります.FirefoxとOperaブラウザではサポートされていません.しかし、これらはすべてこの章の紹介の内容ではありません.この章では、主にこの属性のいくつかの特殊な使い方を紹介します.まず、コードの例を見てみましょう.        

  

以上のコードは、サブエレメントがフローティングを使用するため、親エレメントが集約され、つまり布団エレメントが開かれていないため、フローティングをクリアすることでこの問題を解決することができます.コードの変更は以下のとおりです.        

  

以上のコードは親要素にoverflow:hiddenを追加するとフローティングがクリアされ、親要素がサポートされていますが、IE 6ではoverflowを使用してフローティングをクリアすることはサポートされていません.この場合zoom:1を使用してこの問題を解決します.コードの修正は以下の通りです.        

  

以上のコードは、IE 6ブラウザとの互換性を実現しています.原理は、IE 6で要素にzoom:1を適用したときにhaslayout属性をアクティブにすることができます.つまり、この属性値をtrueに設定します.このとき、この要素にレイアウトがあり、フローティングを閉じることができます.これにより、親要素がサポートされていない場合はありません.原文住所:http://www.softwhy.com/article-65-1.html