javascript - 使用 CSS 的流体布局

Question

我注意到在一些使用流动布局的网站上，可以删除页面上的元素并在窗口缩小到较小尺寸时替换元素，显然是为了使内容更易于查看。

例如:http://simplebits.com/

我的问题是.. 使用什么 css 来实现这一点(如果是 css，也许是 JavaScript..)？我应该看什么才能更多地了解这项技术？

谢谢!

Answer 1

当屏幕宽度小于 800 像素时，样式表包含不同的规则。如果您查看页面的样式表，第 983 行有一个 @media 规则，如下所示:

@media screen and (max-width: 800px) {
  /* Alternate rules here*/
}

这是一个 CSS3 功能，所以我猜该网站的样式重新设计时对于旧版浏览器来说效果不佳。媒体查询详情可见http://www.w3.org/TR/css3-mediaqueries/#width