「max-device-width」に問題があり、レンダリングの問題がある人はいますか。私の印象では、「max-device-width」は、デスクトップ ブラウザーではなく、電話、タブレット、およびモバイル デバイスでのみレンダリングされました。私にとっては、デスクトップ ブラウザーでのレンダリングです。これは、ブラウザが設定され、@Media クエリを含む css ファイルの初期ロードがロードされるときに発生します。だから私が持っているなら
@media screen and (max-width:500px), screen and (max-device-width: 1280px){/* 私のモバイルスタイルはこちら */}
デスクトップ ブラウザまたはデスクトップの画面解像度が 1280px に設定されている場合、実際にはデスクトップ スタイルではなく 1280px スタイルのモバイル スタイルがレンダリングされます。ブラウザー メーカーは、"max-device-width" をブラウザー ビルドに組み込みましたか? ポインタやインサイトは素晴らしいでしょう。
編集:私のスタイルシートは次のようになります。
/* My desktop styles here with no media query. */
body{}
.desktopStyle{}
/* Then my media query for mobile devices. */
@media screen and (max-width:500px), screen and (max-device-width: 1280px){
/* My mobile styles here */
}
ありがとう。