热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

进行多个媒体查询还是单个媒体查询更好?

如何解决《进行多个媒体查询还是单个媒体查询更好?》经验,是哪儿的问题?

我正在使用引导程序,并且希望(在适用情况下)针对每个屏幕尺寸都具有特定的CSS。我想知道是否最好在CSS表格的自己的部分中针对每个屏幕尺寸进行一次媒体查询,或者是否应该在需要的每个位置进行媒体查询。

因此,假设我的标准屏幕尺寸是这样的:

.example-class{
    padding: 10px;
}

然后对于手机屏幕,我想要这样:

@media(max-width: 480px){
    .example-class{
        padding: 5px;
    }
}

我应该在CSS的自己的部分中对移动屏幕进行1个媒体查询,所有移动屏幕样式都会移至该部分,还是应该在每次需要对移动屏幕进行自定义样式时进行媒体查询。

据我所知,拥有多个媒体查询并不一定会影响性能。但是,添加许多文件会增加CSS文件的大小,这可能会影响性能。

另外,我想确保我的CSS对其他人来说很容易理解。我认为在需要的每个实例中进行媒体查询可能会更容易,这样一来,特定元素的CSS就可以集中在一起。


推荐阅读
author-avatar
手机用户2502872807
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有