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
3种途径:
栅格不是responsive的本质(25%的宽度,在大屏幕和小屏幕,它都是25%,起作用的还是媒体查询)。建议使用媒体查询。
可以看下PURE CSS http://purecss.io/grids/
它有最多24列删格,而且还能设置每行的列数,相比BS的固定12列灵活很多
栅格也可以玩自适应。怎么伸缩就是12格或者固定几格的,这个规矩可以破。破了规矩,为了语义,你的html就不能挂
span1
,span6
之类的的格数类别了。这个就得放在css中做自适应处理了。想要知道具体怎么玩?请看github上国外一个人写的一个小项目
https://github.com/cathydutton/maze