1

レスポンシブテンプレートに取り組んでおり、CSSメディアクエリを使用しています。しかし、IE7はメディアクエリを直接サポートしていないようです。だから私は解決策を探してrespond.js
を見つけまし たが、それを機能させることができません。

HTML：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <script type="text/javascript" src="js/respond.min.js"></script>
</head>
<body>

   <!-- ... -->

</body>
</html>

CSS（style.css）：

@import "reset.css";
@import "fonts.css";
@import "bootstrap.css";
@import "plugins.css";
@import "ui.css";

@media screen and (max-width: 320px) { 
    /* css */
}

しかし@media screen and (max-width: 320px) { }、HTMLに直接含めると、その動作がわかります。だから私は何が欠けていますか？

4

1 に答える 1

5

response.jsは、@importを介して含まれるメディアクエリを解析できないと具体的に述べています

https://github.com/scottjehl/Respond

「Respond.jsは、@ importを介して参照されたCSSを解析しません。また、スタイル要素内のメディアクエリでも機能しません。これらのスタイルは、解析のために再リクエストできないためです。」

于 2013-01-07T19:07:49.957 に答える