メディア クエリで CSS が読み込まれない、またはスタイルが正しく表示されないという問題があります。
私がしたことは、iPhone 用の style480.css と通常用の style.css を作成することでした。
ロードしました
<meta name="viewport" content="width=device-width, initial-scale=1"/>
それが機能するように、私のサイト全体で。
メイン サイトの css をスタイル 480 に設定して、iPhone 用にスタイルを設定できるようにしました。私のiPhoneではすべてが素晴らしく見えますが、もちろん、デスクトップでは退屈なリストに過ぎませんでした.
style480 を完成させた後、css をコピーして
@media only screen and (max-width: 480px) {
{
body {width:100%;}
}
私のスタイルのCSSで。
かなり標準的に聞こえます。
ただし、iPhoneで正しくフォーマットされていません
上部のナビゲーション メニュー (私は html 5 を使用<nav>しました) が左に押し出され、いくつかのリストがフロートされるべきではないときにフロートされています。
iPhone がメディア クエリの内外の要素を混ぜ合わせているようなものです。
メディアクエリを上に置いて、下に置いてロードしようとさえしました
-webkit-min-device-pixel-ratio : 1.
同じこと、それはcssを混ぜているようなものです。
HTMLにcssファイルを個別にロードしようとしました...まったく同じことです。
iPhone CSS を正しくロードできる唯一の方法は、それをページのメイン CSS として設定することです。2セットのcssをロードしているときに、iPhoneでは機能しません（ただし、ラップトップでは機能します）
iPhoneからCSSを表示する方法を見つけることができれば、それが何をしているのかを理解できるかもしれませんが、CSSが正しくロードされていない理由については、それまで途方に暮れています