该网站如何实现响应式布局

Mik*_*ike 1 javascript html5 css3 responsive-design twitter-bootstrap

有人可以了解一下本网站用于响应的各种方式.特别是当您调整浏览器大小时,顶部和左侧导航如何变为下拉状态.

http://www.smashingmagazine.com

我相信这不会使用twitter bootstrap.如果不利用Twitter引导程序,它们是否有更好的方法来响应.

Tim*_*ora 6

响应式设计的名称已经超过Twitter Bootstrap,并且原则上它已经存在了更长时间.

如果不利用Twitter引导程序,它们是否有更好的方法来响应.

"更好"是主观的,但有很多方法:

  • 另一个开箱即用的框架
  • 媒体查询
  • 用于调整页面布局的JavaScript(您自己的,或类似Masonry的东西)
  • 基于宽度包装的浮动元素
  • 基于百分比的布局
  • 上述所有的

您链接到的网站实际上有关于响应式设计的良好信息:http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

这些框架看起来很有趣: