0

これはばかばかしいほど単純なものでなければならず、機能していました。レスポンシブ Web サイトを構築するために css3 メディア呼び出しをいじっていますが、以下が機能しなくなった理由が一生わかりません。

ここにページコード：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Untitled Document</title>

<link href="assets/css/layout.css" rel="stylesheet" type="text/css">
</head>

<body>
</body>
</html>

そして、layout.css:

body {
background-color:#FFF;
}

@media screen and max-width 980px {
body {
background-color:aqua;
}
}

@media screen and max-width 700px {
body {
background-color:#ff4500;
}
}

@media screen and max-width 480px {
body {
background-color:#ffd700;
}
}

それの何がいけないの？

ありがとう。

4

2 に答える 2

2

メディア クエリの書式設定にいくつかの問題があることに気付きました。代わりにこのフォーマットを使用してみてください:

@media screen and (max-width: 700px) {

    ...

}
于 2013-02-15T15:28:15.807 に答える
0

body タグに何かを入れます。空なので表示されません。

于 2013-02-15T15:16:12.147 に答える