关于网页自适应 responsive framework，目前可以通过哪些技术体现？

Question

比较多见的是bootstrap的栅格系统Grid和Media Query，但是栅格感觉还有一定局限性在里面，想请问下还有其他可以更好实现自适应的方式吗？

Answer 1

3种途径：

1. js根据屏幕尺寸来改样式，这种方式基本不可取。
2. 媒体查询。
3. 针对不同尺寸设备提供不同的css方案。换句话说就是多个开发版本。

栅格不是responsive的本质（25%的宽度，在大屏幕和小屏幕，它都是25%，起作用的还是媒体查询）。建议使用媒体查询。

Answer 2

可以看下PURE CSS http://purecss.io/grids/
它有最多24列删格，而且还能设置每行的列数，相比BS的固定12列灵活很多

Answer 3

栅格也可以玩自适应。怎么伸缩就是12格或者固定几格的，这个规矩可以破。破了规矩，为了语义，你的html就不能挂span1，span6之类的的格数类别了。这个就得放在css中做自适应处理了。

想要知道具体怎么玩？请看github上国外一个人写的一个小项目
https://github.com/cathydutton/maze