我知道以媒体为先的移动查询方式可以使网站在移动设备上的运行速度更快。我想知道使用大量媒体查询是否有区别,例如:
#first {}
@media screen and (min-width: 37.5em) {
#first {}
}
#second {}
@media screen and (min-width: 37.5em) {
#second {}
}
而不是对所有桌面样式都使用大字体,例如:
#first {}
#second {}
@media screen and (min-width: 37.5em) {
#first {}
#second {}
}
对于性能而言,哪个更好,还是重要?我认为第一种方法在处理多种样式时更容易阅读。
他们俩都做同一件事,唯一使第二种方法更好的是,您不会重复自己。您将代码保持为DRY,所有内容都位于一个位置以使用该媒体查询。再加上每次都要重写@media屏幕,这将是一件麻烦事,而且很费时间。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句