使用太多响应式媒体屏幕查询的缺点是什么

时间:2015-12-25 14:11:36

标签: html css

我希望我的桌面移动网站能够完美无瑕地改变。所以我的网站设计必须适合任何屏幕分辨率大小。这导致我使用了大量的媒体查询屏幕。让我们说最大990px​​,最大800px,最大600px等。更接近更小的尺寸,它获得了大量的媒体屏幕。如果可能,我使用百分比,但如果不可能,我会使用大量的媒体屏幕查询。也许在一个页面上总共有20个或更多的媒体查询(主要的CSS风格和插件)

有没有任何挫折?任何缺点?谢谢你的回复。

1 个答案:

答案 0 :(得分:2)

简而言之

  • 可维护性

长文档和复杂语法会降低可读性,并增加将来修改CSS规则的痛苦和努力。

  • 性能

太多媒体查询会增加长度,较长的CSS文件会导致用户花费更多时间将其下载到浏览器中并呈现正确的视图。

为了您未来的利益,请仔细设计和构建跨越各种设备的布局。像"include-media""sass-mq"这样的工具肯定会增强可读性并节省工作时间。