Html 什么'；s使用过多响应媒体屏幕查询的缺点

我希望我的桌面移动网站的变化完美无瑕。因此，我的网站设计，它必须是任何屏幕分辨率大小好。这导致我使用了大量的媒体查询屏幕。比如说，对于最大990px、最大800px、最大600px等，更接近更小的尺寸，它可以获得大量的媒体屏幕。如果可能的话，我会使用百分比，但如果不可能，我会使用大量的媒体屏幕查询。可能在一个页面上总共有20个或更多的媒体查询（主要css样式和插件）

这有什么倒退吗？有什么缺点吗？谢谢你的回复。

简而言之

• 可维护性

长文档和复杂的语法降低了可读性，增加了将来修改CSS规则的难度和工作量

• 性能

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

---

---

为了“未来的你”，仔细设计和构造不同设备的布局。一些工具，如and，肯定会提高可读性并节省工作时间。

很多时候，添加的尺寸越大，可读性/可维护性就越困难。据我所见，大约3个媒体查询大小就足够了。Sass

includes

也可以让这变得更容易。您能否详细说明一下“添加的尺寸越大，可读性/可维护性就越难”这一点？这是浏览器的“可读性”还是人类访问者的“可读性”？如果是人类访客，我使用大量媒体查询的唯一原因是为了使其在任何分辨率上都表现出色，因为现在很多移动设备的屏幕宽度都不规则，我的意思是，现在不仅仅是240px、320px、360px、480px等，不必要的增加了复杂性&增加了样式文件的大小、可读性和可维护性。想象一下，您创建了一个网站，一些规范发生了变化（这种情况经常发生）。好吧，现在不是一个或两个小的改变，你必须改变每一个设备的大小。测试变成了一场噩梦。通常，使用CSS针对特定设备是不好的做法，但在屏幕分辨率之间进行设计更容易、更易于维护。特里克斯和卡梅隆：我明白了，完全同意，很难有这么复杂的媒体查询。我会牢记，尽量保持简单。一定要考虑这2个未来的项目。这里有很多东西要学。谢谢