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