作者:手机用户2502872807 | 来源:互联网 | 2023-02-08 19:56
我正在使用引导程序,并且希望(在适用情况下)针对每个屏幕尺寸都具有特定的CSS。我想知道是否最好在CSS表格的自己的部分中针对每个屏幕尺寸进行一次媒体查询,或者是否应该在需要的每个位置进行媒体查询。
因此,假设我的标准屏幕尺寸是这样的:
.example-class{
padding: 10px;
}
然后对于手机屏幕,我想要这样:
@media(max-width: 480px){
.example-class{
padding: 5px;
}
}
我应该在CSS的自己的部分中对移动屏幕进行1个媒体查询,所有移动屏幕样式都会移至该部分,还是应该在每次需要对移动屏幕进行自定义样式时进行媒体查询。
据我所知,拥有多个媒体查询并不一定会影响性能。但是,添加许多文件会增加CSS文件的大小,这可能会影响性能。
另外,我想确保我的CSS对其他人来说很容易理解。我认为在需要的每个实例中进行媒体查询可能会更容易,这样一来,特定元素的CSS就可以集中在一起。