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

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

阅读 3.6k
3 个回答

3种途径:

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题