0

モバイル デバイス (iPhone) でサイトをチェックすると、非モバイル スタイルシートがまだ読み込まれていることがわかります。ヘッダーのコードは次のとおりです。何が問題なのか教えてもらえますか?

<link rel="stylesheet" href="styles.css" type="text/css" /> <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="styles_mobile.css" />

<script type="text/javascript" src="js/jquery.js"></script>

<script src="js/onclick.js" type="text/javascript"></script>


<script>

if (screen && screen.width > 480)
document.write('<script type="text/javascript" src="js/jqFancyTransitions.js"><\/script>');

</script>

これが「styles_mobile.css」を意図したとおりに使用していない理由は何ですか?

どのような回答でも、私は JavaScript の知識が限られていることに注意してください。

4

1 に答える 1

1

メタ ビューポート タグが必要だと思います。

http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

これは、デバイスのブラウザーが報告する幅ではなく、デバイスの幅を使用することを意味します。

技術的には、書籍ごとにメディア クエリを実行するには、要素に "media" 属性を追加するか、CSS に @media エントリを追加する必要があります。

于 2012-05-09T03:06:24.920 に答える