gpt4 book ai didi

css - 覆盖 CSS 与使用 Modernizer 选择性地加载 CSS(是的,不)

转载 作者:技术小花猫 更新时间:2023-10-29 11:44:19 29 4
gpt4 key购买 nike

不确定如何对此进行测试,但是通过使用 Modernizer.load 的查询在 CSS 样式表中加载是否有任何性能提升,而不是仅在同一样式表中使用 CSS 类名覆盖规则。

例如,如果设备支持触摸,那么我要加载不同的布局,这样做速度更快吗...

{
test: Modernizr.touch,
yep : 'css/touch.css',
nope: 'css/base.css'
}

或者覆盖同一个样式表中的样式...

.container { width: 50% }

.touch .container { width: 100% }

似乎区别在于额外查询的速度与拥有一个大 CSS 文件的重量?

最佳答案

您需要了解此处有 3 个详细信息。

  1. 对服务器的调用。

  2. 浏览器计算所有父样式的时间

  3. 文件的权重。

所以答案是。

如果您编写的 css 属性之间没有换行符,则 1 个大文件将比 2 个文件更大。并且是权重的答案,因为 1 个文件更好。

如果您要使用 .touch 类制作整个页面,则更应该考虑使用类来生成文件。

所以,我要做的是只调用一次服务器并制作一个文件,因为最好将所有样式一起加载,并且很快就会调用服务器(重要的时间值)

关于css - 覆盖 CSS 与使用 Modernizer 选择性地加载 CSS(是的,不),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14874963/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com