Question

我使用的是IE浏览器版本10，Chrome浏览器版本34和FireFox浏览器版本28.我有以下CSS类，适用于Chrome和FireFox浏览器;类（名为“.container”）使HTML元素按预期水平拉伸整个窗口屏幕。但是对于IE，这个课程不起作用;所有HTML元素都水平缩小到窗口屏幕的中心。如何更新“.container”类，以便它也适用于IE？提前谢谢。

.container {
    max-width:initial !important;
    width: initial !important;
    min-width:1000px;
}

使用类的示例：

<div class="container">
   ...
</div>

Answer 1

min-width和max-width根据提供的width值计算得出。在这里，您要说明{{1>} 不是有效金额，以便进行此类计算。

您需要为width:initial指定基于单位的编号，以便正确定义预期行为的参数。

<强> min-width on MDN

min-width CSS属性用于设置给定的最小宽度元件。它会阻止使用宽度属性的值变得小于为min-width指定的值。

More on Width from MDN

要使用width和min-width，需要将这些值和max-width设置为数字单位。

Answer 2

IE10不支持

initial

https://developer.mozilla.org/en-US/docs/Web/CSS/initial?redirectlocale=en-US&redirectslug=CSS/initial

为什么不使用auto？

如何使一些CSS属性与IE浏览器一起使用

2 个答案: