css - ビューポートに影響する「@media」スタイルはありますか?

Question

画面が1400pxを超えるとウェブサイトがあります。ウェブサイトが拡大しなくなりました。ただし、フローティング要素もあります。ナビゲーションバーは左にフロートし、ページに合わせてサイズが縮小されます。ただし、画面サイズが大きくなった場合にスタイルを変更する必要はありません。

誰かが私のページを 1400px 以上の画面解像度で表示すると、ページは機能し、動きません。ただし、誰かが Web サイトを表示してズームアウトし、画面サイズではなくビューポートサイズを大きくすると、左側に固定されたままになり、歪みます。

画面サイズまたはビューポートサイズが最大サイズの 1400px に達した場合、div を display:none にしたい。

最新のブラウザーとモバイルデバイスとの互換性が必要です。

score 0 · Accepted Answer

@media (min-width: 1400px) {
    body {
        background:red !important;
    }
}

私のために働きます:)

編集:ページのズームに関する部分を見逃して申し訳ありません。ビューポートがそのように機能するはずかどうかわかりませんか？

score 0 · Accepted Answer

あなたはこれを試すことができます...

 @media screen and (max-width: 1400px){
      div {
            display:none;
    }
    }

2 に答える 2