我读过关于他们的文章CSS3.info，但我觉得它解释得不够好。我也无法让他们的示例随着我的屏幕尺寸而改变。我在 Safari、FF、Chrome 中尝试过。
这是一个尚未准备好实施的功能吗？
如果我想在浏览器窗口宽度小于1024px时调整一些样式。我怎样才能做到这一点？
应用于屏幕尺寸的规则意味着，引用 W3C 规范“如果视口的宽度在指定的约束范围内，则可在屏幕和手持设备上使用”。
http://www.w3.org/TR/css3-mediaqueries/
如果你想在视口小于1024px时调整样式，可以使用这个规则：
@media screen and (max-width: 1024px) { … }
无论如何，这个规则仅适用于视口的实际大小。如果您调整视口大小而不重新加载页面，则不会应用样式。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
