就近原则没有听很懂
问题描述：
就近原则没有听很懂。
不同大小的屏幕若需要设置同样的布局时，可只写一个，一般是写相对较屏幕的样式吗还是随便保留一个即可？
就近原则简写后到底怎么判断执行哪个布局？像图中的 class = "col-12 col-md-4"这种形式，只设置了超小屏和中屏，那小屏应该执行超小屏的布局还是中屏的布局，不是一样近吗？
为什么有多个布局样式时，可省略1行显示1个的布局？例如图中class="col-md-4"，只要比中屏小就会默认执行1行显示1个的布局吗？如果设置class="col-xl-4", 只要小于超大屏，就默认1行显示1个？
相关截图：
19
收起
正在回答
1回答
同学你好，问题解答如下：
1、一般保留最小屏的，因为css中设置的是min-width，也就是大于这个屏宽度的都适用。
2、就近原则是在当前屏范围内的，例如col-12没有限制范围，设置宽度为100%
col-md-4设置的是最小768px范围
如果当前屏宽在768px以上，使用的是col-md-4；如果在768px以下，使用的是col-12
3、col-12设置样式的时候没有设置范围
即使正常写代码，不使用这个类，块元素默认宽度也是100%，所以多个布局样式时写不写col-12类都可以。屏幕宽低于了其他类设置的宽度（例如col-md-4），一般宽度都是100%，显示一个。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星