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

例如:http://simplebits.com/

我的问题是..什么CSS用于实现此目的(如果是CSS,也许是JavaScript ..)?为了进一步了解这项技术,我应该看什么?

谢谢!

最佳答案

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

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

这是CSS3的功能,因此我认为该网站的样式对于旧版浏览器而言不太理想。媒体查询的详细信息可以在http://www.w3.org/TR/css3-mediaqueries/#width上看到

10-07 19:42
查看更多