4

Twitter Bootstrap バージョン 2.3.0 で HTML ページを作成しています。9 未満の IE はメディア クエリをサポートしていないため、css3-mediaqueries.js を使用しようとしました。ドキュメントには、すべてのcssの後にスクリプトを含めるだけでよいと書かれています。私はそれをしました。以下は私のページレイアウトです。

   <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="Responsive page">
      <meta name="author" content="Author name">
      <title>Responsive page built on Twitter Bootstrap</title>
      <link href="css/bootstrap.min.css" rel="stylesheet" type='text/css'>
      <link href="css/bootstrap-responsive.min.css" rel="stylesheet" type='text/css'>
      <link href="css/my-page.css" rel="stylesheet" type='text/css'>
      <link href="css/my-page-responsive.css" rel="stylesheet" type='text/css'>
     </head>
     <body>
       <div class="container">
         <!-- My html goes here -->
       </div>
       <!--[if lt IE 9]>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js">
        </script> <![endif]-->
     </body>
    </html>

しかし、まだ運がありません。ページで HTML5 要素を使用していません。javascript コンソールにエラーは記録されません。

次に、以下の例外をスローするrespond.jsを使用しようとしました。

Unspecified error.
respond.js, line 309

ここで何が間違っていますか？

4

3 に答える 3

4

<head>スタイルシートの直後にスクリプトを配置する必要があります。ドキュメントの下部に配置すると、スクリプトがメモリに読み込まれる前にページがレンダリングされます。

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Responsive page">
  <meta name="author" content="Author name">
  <title>Responsive page built on Twitter Bootstrap</title>
  <link href="css/bootstrap.min.css" rel="stylesheet" type='text/css'>
  <link href="css/bootstrap-responsive.min.css" rel="stylesheet" type='text/css'>
  <link href="css/my-page.css" rel="stylesheet" type='text/css'>
  <link href="css/my-page-responsive.css" rel="stylesheet" type='text/css'>
  <!--[if lt IE 9]>
  <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
</head>
于 2013-02-26T21:28:43.637 に答える
0

</body>終了タグの前に Respond.js を追加します。また、localhost 内のページを確認してください。そうしないと、エラーがスローされます。私は多くのサイトでその方法を使用しており、IE7 と IE8 で正常に動作しています。

于 2013-07-29T06:33:42.893 に答える
0

IE8 でメディア クエリを使用する場合、Respond.js は必須です。これは、IE などのブラウザーのメディア クエリを有効にするポリフィルです。別の良い代替手段はadapt.jsです。これがあなたを助けることを願っています。

于 2013-02-27T20:02:49.433 に答える