javascript – 使用CSS的流畅布局

前端之家收集整理的这篇文章主要介绍了javascript – 使用CSS的流畅布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我注意到在一些使用流畅布局的网站上,可以删除页面上的元素,并在窗口缩小到较小尺寸时替换元素,显然是为了使内容更容易查看.

例如:http://simplebits.com/

我的问题是……用什么css来实现这个目标(如果它是css,也许是JavaScript ……)?为了更多地了解这种技术,我应该注意什么?

谢谢!

解决方法

样式表包含不同规则,适用于屏幕宽度小于800px的情况.如果你看一下983页面的样式表,就会有一个@media规则,如下所示:
@media screen and (max-width: 800px) {
  /* Alternate rules here*/
}

这是一个CSS3功能,所以我猜这个网站不适合老版浏览器.媒体查询的详细信息可以在http://www.w3.org/TR/css3-mediaqueries/#width看到

原文链接:https://www.f2er.com/js/156178.html

猜你在找的JavaScript相关文章