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%;
    }
}

流動的にしたいのですが、960px と 960px の 80% の 2 つの位置にしか固定されていません。流動的にするにはどうすればよいですか?

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 に答える