1

スタイリッシュな Chrome 拡張機能とメディア クエリ マジックを使用して、お気に入りの動画サイトの 1 つに小さなパッチを作成しようとしています。

@media screen (min-width: 1920px, max-width: 2559px) {
    div#player div#player-api {
        width: 1280px;
        height: 720px;
    }
}

@media screen (min-width: 2560px) {
    div#player div#player-api {
        width: 1920px;
        height: 1080px;
    }
}

残念ながら、メディア クエリがまったく必要ないかのように、常に両方の条件に一致しているようです。上記の有効な CSS はありますか? ブラウザーのサイズに基づいて CSS を使用して要素を動的にスケーリングする正しい考えを持っていますか?

4

2 に答える 2

1

小さなことしか見逃していません。

@media screen and (min-width: 1920px)and (max-width: 2559px) {
    div#player div#player-api {
        width: 1280px;
        height: 720px;
    }
}

@media screen and (min-width: 2560px) {
    div#player div#player-api {
        width: 1920px;
        height: 1080px;
    }
}

さらに読むために、 Mediaqueriesに関する良いブログをお勧めします。

于 2013-04-04T19:06:49.967 に答える
0

試す@media screen and (min-width: 1920px) and (max-width: 2559px)

于 2013-04-04T06:12:33.347 に答える