最佳实践:样式表:小型设备
最佳实践:样式表:小型设备
提问于 2012-10-27 19:30:19
在为站点编写级联样式时，我们可以使用媒体查询指定小型设备
例如@media only screen and (min-width: 480px) and (max-width: 767px) {}
这可以在特定的页面级别(例如.html)输入，在样式表链接中输入，或者在.css本身中输入。
更好的做法是提供完全独立的样式表，让主样式表加载并被“纯移动”版本覆盖，还是在样式表本身中覆盖选择器？(布局的样式可能是相互排斥的)
此外，您是否应该首先尝试将较小的设备排除在读取不适用的样式之外，以避免不必要的工作？
最后，开发人员是否应该通过关注不太可能与较小设备不兼容的响应样式来完全避免这些问题？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-10-28 00:56:03
我不会加载额外的样式表--这只是一个不必要的请求。您应该使用@media查询覆盖主样式表中样式下面的样式。
看看波士顿环球报的样式表-- http://bostonglobe.com/css/html5reset.css,globe-globals.css,globe-masthead.css,globe-nav.css,globe-nav-menus.css,globe-saved.css,globe-main.css,globe-footer.css,globe-print.css
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13099771
复制相关文章
相似问题
腾讯云开发者
