0

可能重复：
如何使 IE 支持最小宽度/最大宽度 CSS 属性？

我有一个网站，它的主要导航位于列表中（向左浮动）。

li 元素需要具有最小和最大宽度。当然，这个 css 在所有好的浏览器中都可以正常工作。但是 IE (9) 对此没有反应。

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

如果我在一种情况下使用此代码，例如最大宽度 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 回答