javascript - Web 浏览器正在按字母顺序编译 css 元素

Question

<分区>

Answer 1

首先

CSS 属性的顺序无关紧要。

elementA {
    propA: valA,
    probB: valB
}
elementB {
    propB: valB,
    probA: valA
}

两个元素具有相同的 CSS 属性并且显示相同。

其次

CSS zoom 属性不是标准的，在与定位一起使用时可能会出现问题。克服这个问题的一种方法是使用 scale():

比较 Zooming与 Scaling绝对定位元素。¹

scale()，但是，需要浏览器前缀:

.zoomed-element {
    -webkit-transform: scale(.5);
       -moz-transform: scale(.5);
        -ms-transform: scale(.5); // IE 9
            transform: scale(.5);
}

另一种更兼容 IE 的方法是使用绝对定位的容器并对子容器应用缩放 Zooming with container :

<div style="position: absolute; top: 10px; left: 10px;">
    <div style="width: 100px; height: 100px; zoom: 2; background-color: red;">
</div>

---

脚注

_{1:从zoom css style is not applied to positioned absolute div element and it's children in IE借来的 fiddle}