0

私のウェブサイトが解像度に応じて css を変更するようにしたら、Firefox と IE で css が読み込まれなくなりました。ただし、キャッシュをクリアしてリロードした後でも、Chrome では引き続き動作するようです。すべてのブラウザでキャッシュをクリアし、何度もリロードを試みました。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" media='screen and(min-width:721px)' href='css/master.css'/>
    <link rel='stylesheet' type="text/css" media='screen and(max-width:720px)' href='css/mobile.css'/>
    <script type="text/javascript" src="javascript/script.js"></script>
<title>The Resistance</title>
</head>

さらに、複数のスタイル シートを実装した後、別のページの一部の jquery がすべてのブラウザで動作しなくなりました。これを修正する方法について何かアドバイスはありますか? 追加情報を提供できる場合は、先に進んで質問してください。ウェブサイトリンクはこちら-------------

-ありがとう

-- w3c バリデーターは、XHTML 1.0 STRICT ではすべて問題ないと判断したことを追加するために編集されました。

4

3 に答える 3

0

http://webdesignerwall.com/tutorials/css3-media-queriesによると、インライン メディア クエリは CSS3 の機能です。そのため、CSS3 をサポートしていないブラウザーはスキップします。

オプションは次のとおりです。

1) 次のように、すべての CSS を 1 つのファイルに移動します。

@screen and(min-width:721px) {
  #Your desktop CSS here
}

@screen and(max-width:720px) {
  #Your mobile CSS here
}

2) 幅の基準を削除し、HTML でクエリ全体を使用する代わりに、単に「画面」と「ハンドヘルド」に依存します。

<link href="css/master.css" media="screen" type="text/css" rel="stylesheet" />
<link href="css/mobile.css" media="handheld" type="text/css" rel="stylesheet" />

お役に立てれば。

于 2013-04-23T03:43:00.153 に答える