0

我对媒体查询有疑问。我希望我的主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% - 我如何使它流动？

4

2 回答 2

3

为了其他发现这一点的人——Firefox 从 3.5 版开始支持媒体查询。我不确定为什么您的 FF5 副本不起作用，但这不是因为缺乏媒体查询支持。这是一个演示页面。我在 FF3.6 中对其进行了测试，效果很好：http ://oscorp.net/experiments/media-queries/

于 2012-06-28T18:31:17.907 回答
1

我解决了问题-

我使用的是 Firefox 5.0，我认为它不支持此功能 - 我想这就是问题所在。

于 2011-11-26T21:27:01.030 回答