DIV DIV CSSは、最大幅と最小幅の問題を解決するための互換性

Webページでは、私たちはしばしば、分/出会い最小/最大幅最大高さIE6の下には無効であり、これは最も厄介な問題のあるウェブの建築家の一人で、次のような方法は、これらの問題を解決し、比較することができますシンプル。もちろん、あなたがより良い持っている場合、私は私がホームページにメッセージを残すことができると思います:<divのスタイル=「最大幅:250ピクセル;」>このテキストの内容、AX / IE7での分とfirfox、サファリ、オペラブラウザサポート、最も広い値250ピクセル</ div> が、IE6がこのプロパティを認識し、読んでいない、それはより良いサポートであるIEは、ジャバスクリプトのそれらの特性を発現する例えば:DIV {幅:expression_r (250「PX」)} DIV {WIDT :250ピクセル} 認識し、読み出し時には、IEで同じです!しかし、あなたのブラウザでは、一部のユーザーJavaScriptを無効にすれば、この言い回しは失敗しただろう。したがって、この方法のための必要性:#mycss { 幅:100%;最大幅:500pxなど; 幅:expression_r(document.body.clientWidth> 500 "500pxなど": "自動");} または:#mycss { 幅最大:33em; 幅:expression_r(document.body.clientWidth>(12分の500)*










?のparseInt(document.body.currentStyle.fontSize)「33em」:「自動」); } 我々は容器mycssの幅を設定は:幅:100%;実際には、これはナンセンスであり、DIVはブロック要素であるため、デフォルトの幅それは親要素の幅です。この実施形態ではDIV幅、もし体の幅と同等の宣言。我々は、最大幅のコンテナが500pxなどで設定してください。このFFは有効です。いいえ効果がIEの場合。  IEは、我々はexpression_r埋め込まれたスクリプトを適用し、何の効果も直面しない幅が500pxなどよりも大きい場合、幅が500pxなどと同じであると宣言しました。parseInt(document.body.currentStyle.fontSize)「33em」: ?「オート」 実際の幅は、現在のフォントサイズ(12分の500)よりも大きい場合は、設定ページの幅が33emです。同様に、最小幅、およびAX /分、ハイトのために、同じである:最小:#mycss {最小幅:333px; 幅:expression_r(?Document.body.clientWidth <334 "333px": "自動")。} 最大高さ:
  

  













#mycss {
最大高さ:333px;

高さ:expression_r(this.scrollHeight> 332 "333px":? "オート")} 最小高度:

#mycss {

分の高さ:333px;

高さ:expression_r(this.scrollHeight <334 "333px":? "オート");
}

簡単な方法もあります。

#A {高さ:重要自動;分
-height :! 400ピクセル;} このパターンああ最小高さIE5.5、IE6、IE7とFF、Safariブラウザなど、実施されない最大高さ、で問題を解決することができ。

元の記事公開 ウォンの賞賛2 ビュー10000 +

おすすめ

転載: blog.csdn.net/u011927449/article/details/104027258