css - 如何让一些CSS属性与IE浏览器一起工作

Question

我使用的是 IE 浏览器版本 10、Chrome 浏览器版本 34 和 FireFox 浏览器版本 28。我有以下适用于 Chrome 和 FireFox 浏览器的 CSS 类；该类(名为“.container”)使 HTML 元素按预期水平拉伸(stretch)整个窗口屏幕。但是对于 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 值计算的。您在此处声明 width:initial ，这不是有效数量，无法进行此类计算。

您需要为 width 指定一个基于单位的数字，以便为您的预期行为正确定义参数。

min-width on MDN

The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.

More on Width from MDN

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