比较多见的是bootstrap的栅格系统Grid和Media Query，但是栅格感觉还有一定局限性在里面，想请问下还有其他可以更好实现自适应的方式吗？
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
845
3种途径：
栅格不是responsive的本质（25%的宽度，在大屏幕和小屏幕，它都是25%，起作用的还是媒体查询）。建议使用媒体查询。
可以看下PURE CSS http://purecss.io/grids/
它有最多24列删格，而且还能设置每行的列数，相比BS的固定12列灵活很多
栅格也可以玩自适应。怎么伸缩就是12格或者固定几格的，这个规矩可以破。破了规矩，为了语义，你的html就不能挂
span1，span6之类的的格数类别了。这个就得放在css中做自适应处理了。想要知道具体怎么玩？请看github上国外一个人写的一个小项目
https://github.com/cathydutton/maze