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


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

web前端开发 css HTML JavaScript bootstrap

nsover 10 years, 8 months ago

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

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

水水更健康 answered 10 years, 8 months ago

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

cnm1994 answered 10 years, 8 months ago

3种途径:

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

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

比利·海靈頓 answered 10 years, 8 months ago

Your Answer