每一个大小的col都要写1到12吗，之前不是每一个大小只写一个就行了吗

。。。。。

源自：响应式布局 3-1 实现栅格系统--基础部分

收起

2回答

好帮手慕言回答被采纳获得+3积分 2020-10-31 13:44:00

同学你好，解答如下：

1、按照同学提供的代码，限制比较大，例如：在大屏情况下，一行显示12列，如果想实现在大屏情况下是一行一列的效果，还需要修改css代码。

2、按照本视频老师写的代码，比较灵活，例如：在大屏情况下即可以实现一行12列，也可以实现一行一列的效果，不需要修改css代码，只需要给元素添加上类名就可以实现上述效果。祝学习愉快~

好帮手慕星星 2020-07-17 10:30:54

同学你好，每一个大小的col都要写1到12。因为在不同条件宽度下，每份占据的宽度不同，所以需要进行设置。封装可能会麻烦一些，但是封装完毕之后使用很方便哦，以后直接引入封装的css文件即可。

祝学习愉快！

weibo_我是LUFFCIER_0 #1

但在移动web开发入门这章里面的3-8媒体查询策略里，就是每一个大小只写一个，也没问题啊 .col { width: 100%; } @media (min-width:576px){ .col { width: 50%; } } @media (min-width:768px){ .col { width: 25%; } } @media (min-width:992px){ .col { width: 16.6666667%; } } @media (min-width:1200px){ .col { width: 8.333333333%; } }

2020-10-31 08:12:42