0

重複の可能性:
IE で min-width / max-width CSS プロパティをサポートするにはどうすればよいですか?

リストにメインのナビゲーションがあるサイトがあります (左にフローティング)。

li 要素には、最小幅と最大幅が必要です。もちろん、この css はすべての優れたブラウザーで正常に動作します。しかし、IE (9) はそれに反応しません。

    ul.dropdown li {
            line-height: normal;
                    text-align: center;
            max-width: 145px;
            min-width: 88px;
            min-height: 30px;
        }

このコードを 1 つの条件で使用すると、たとえば最大幅 IE がそれを尊重します。 http://perishablepress.com/maximum-and-minimum-height-and-width-in-internet-explorer/

しかしもちろん、最小幅に同じものを使用することはできません。

IE が最大幅と最小幅を尊重するソリューションが必要です。

解決策はありますか？

ありがとう！

編集：すでに追加したことを忘れていました

<!DOCTYPE html>

;)

4

2 に答える 2

2

わかりました、問題が見つかりました。コードにはありませんでした。私の IE は自動的に Quirks モードに切り替わりました。コンソール (F12) で変更し、ドキュメント モードを IE9 に変更しました。

ありがとう！

于 2012-06-26T13:50:37.613 に答える
0

これを試してください（私のie8で動作します）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>template</title>
<style type="text/css">
 #content{
   height:400px;
   background:yellow;
   *width: expression(if(document.body.clientWidth < 534){"533px";}else if(document.body.clientWidth > 776){"777px";}else{ "auto"; }); /* set min-width for IE */
   background: red;
 }

</style>


</head>
<body>
<div id="content">
hello
</div>
</body>
</html>

これを ? で書く方法がわかりません。と ：。

これで幅をハックします：http://paulirish.com/2009/browser-specific-css-hacks/

于 2012-06-26T12:35:17.490 に答える