我有媒体查询方面的问题。我想要我的主线div宽度为 960 像素，但如果屏幕小于 960 像素 - 我希望它是任何当前宽度的 80%。
我只从 960px 中得到 80%，而不是从更小的所有东西中得到 80%（例如：800px 的 80%、700px 的 80%）。
HTML:
<body>
<div class="main">
Some big amound of text
</div>
</body>
CSS:
body{
width:100%;
}
.main {
display: block;
height: 600px;
width: 960px;
}
@media (max-width: 960px) {
.main {
width:80%;
}
}
我希望它是流畅的，但它仅固定在 2 个位置：960px 和 960px 的 80% - 如何使其流畅？
为了其他发现这一点的人——Firefox 从 3.5 版本开始就支持媒体查询。我不确定为什么您的 FF5 副本无法工作，但这并不是因为缺乏媒体查询支持。这是一个演示页面。我在FF3.6中测试过，运行正常：http://oscorp.net/experiments/media-queries/ http://oscorp.net/experiments/media-queries/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
