在CSS中进行多个媒体查询是否很好,因为这种浏览器渲染会受到影响?

时间:2017-12-26 07:17:49

标签: css responsive-design

所以我的问题与媒体查询有关。我想知道通过使用多个媒体查询会影响浏览器的渲染速度,还是可以使用任意数量的媒体查询?

2 个答案:

答案 0 :(得分:1)

您可以根据您正在使用的设备设计和布局使用任意数量的媒体查询。

如果CSS的大小不是很大,它不会影响浏览器的渲染速度。

另外,请确保不要复制媒体查询。将常见内容保留在媒体查询之外,并且仅针对媒体查询中布局更改时发生更改的内容编写css。

答案 1 :(得分:1)

如果您在代码中使用一个大型或多个媒体查询,假设您的值大多相同,则无关紧要。对于数百个媒体查询中的每个(!),您的值是否不同可能无关紧要,但可能会影响性能(无法跟踪此情况)。

您可以在此处引用相同内容:https://helloanselm.com/2014/web-performance-one-or-thousand-media-queries/