Question

所以我正在为动态浏览器调整大小编写一些代码，我很好奇放置代码的最佳做法 - 我是否按照我所在的区域编写代码，或者我是否编写代码最后再回头看看？

他们都工作，但我不想承诺一条路线，以后发现它太乱了地狱:)）

示例 - 将其与相关区域对齐

＆＃13;

ul {
    li {
        font - size: 14 px;
        @media screen and(max - width: 1280 px) {
            font - size: 11 px;
        }
    }
}

＆＃13;

或回顾它

＆＃13;

ul {
    li {
        font - size: 14 px;
    }
}

@media screen and(max - width: 1280 px) {
    ul {
        li {
            font - size: 11 px;
        }
    }
}

＆＃13;

Answer 1

W3C网站示例似乎倾向于在文档的末尾放置媒体查询，我认为它们可能出于兼容性原因，因为媒体查询仅限CSS3。此外，这允许更快地解析移动的CSS结构。强制CSS解析器将查询部分拼凑在一起会减慢初始加载时间。

如果你忽略兼容性问题，我仍然倾向于将所有媒体查询放在最后，几乎就像它们是不同的样式表一样。它们就像单独的样式表，因为它们假定基本行为然后修改它。由于vanilla CSS还不能很好地支持变量，因此将它们放在最后也可以避免重复设备坐标值。从组织的角度来看，设备区域也可能代表顶级组织结构。将它们放在最后似乎是标准的。

我是否在线或最后编写特定于浏览器大小的css更改？

1 个答案: