84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
比较多见的是bootstrap的栅格系统Grid和Media Query，但是栅格感觉还有一定局限性在里面，想请问下还有其他可以更好实现自适应的方式吗？
光阴似箭催人老，日月如移越少年。
3种途径：
栅格不是responsive的本质（25%的宽度，在大屏幕和小屏幕，它都是25%，起作用的还是媒体查询）。建议使用媒体查询。
可以看下PURE CSS http://purecss.io/grids/ 它有最多24列删格，而且还能设置每行的列数，相比BS的固定12列灵活很多
栅格也可以玩自适应。怎么伸缩就是12格或者固定几格的，这个规矩可以破。破了规矩，为了语义，你的html就不能挂span1，span6之类的的格数类别了。这个就得放在css中做自适应处理了。
span1
span6
想要知道具体怎么玩？请看github上国外一个人写的一个小项目https://github.com/cathydutton/maze
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
3种途径：
栅格不是responsive的本质（25%的宽度，在大屏幕和小屏幕，它都是25%，起作用的还是媒体查询）。建议使用媒体查询。
可以看下PURE CSS http://purecss.io/grids/
它有最多24列删格，而且还能设置每行的列数，相比BS的固定12列灵活很多
栅格也可以玩自适应。怎么伸缩就是12格或者固定几格的，这个规矩可以破。破了规矩，为了语义，你的html就不能挂
span1，span6之类的的格数类别了。这个就得放在css中做自适应处理了。想要知道具体怎么玩？请看github上国外一个人写的一个小项目
https://github.com/cathydutton/maze