2回答

好帮手慕言

2020-10-31

已采纳

同学你好，解答如下：

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

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

0

好帮手慕星星

2020-07-17

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

祝学习愉快！

0

heibo_我是LUFFCIER_0

h 但在 移动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%; } }

h020-10-31

共1条回复