css - 最佳实践：样式表：小型设备

Question

在为站点编写级联样式时，我们可以使用媒体查询为小型设备指定

例如@media only screen and (min-width: 480px) and (max-width: 767px) {}

这可以在特定页面级别（例如 .html）、样式表链接或 .css 本身中输入。

提供完全独立的样式表，加载主样式表并被“仅限移动”版本覆盖，还是在样式表本身内覆盖选择器，这是更好的做法吗？（大概布局样式将是互斥的）

您是否还应该首先尝试将较小的设备排除在读取不适用的样式之外，以避免不必要的工作？

最后，开发人员是否应该通过专注于不太可能与较小设备不兼容的响应式样式来完全避免这些问题？

score 0 · Accepted Answer

我不会加载额外的样式表——这只是一个不必要的请求。您应该使用 @media 查询覆盖主样式表中样式下方的样式。

1 回答 1