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