84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
比较多见的是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