2

メディア クエリを実際に表示できないようです。ブラウザのサイズに基づいてテキストのサイズが変更されるように、最終的に取得しようとしていますが、テストを実行して、それも機能します。

ブラウザのサイズが幅 1200px に変更されると、ページの背景が赤くなるようにしようとしています。これが私のcssです：

@media screen and (min-width: 500px) and (max-width: 1200px) {
   .main {
     background-color: red;
         }
    }

ここに私のスタイルシートのリンクがあります：

<link rel="stylesheet" media="media screen and (min-width: 500px) and (max-width: 1200px)" href="tek_bigscreen.css">

また、ページにリンクするメディア クエリを含まない別のスタイルシートもあります。

<link rel="stylesheet"  type="text/css" href="tekstyle.css">

メディア クエリが機能しない理由がわかりませんか? また、テキストのサイズを適切に変更する方法についての洞察もいただければ幸いです。ありがとう！

4

2 に答える 2

2

スタイル シート自体にメディア属性がある場合は、スタイル シート リンクにメディア属性を含める必要はありません@media。確かに、エラーが発生している可能性があります。よくわかりません。コードを通常のスタイル シートに入れてみるか、@mediaラッパーなしで最初のスタイル シートに色宣言を入れてみてください。

于 2013-04-30T05:07:05.310 に答える