Question

这是我的HTML：

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8"/>
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <title></title>        

       <link rel="stylesheet" type="text/css" href="css/style.css"/>
       <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
   </head>
   <body>

      <section id="main">
            <div id="overlay"></div>
            <div id="conteudo" class="container">
                <div class="row">
                    <div id=""><span id="name"></span></div>
                    <div id=""><span></span></div>
                    <div id=""><span>&</span></div>
                    <div id=""><span>Web</span></div>
                </div>                  
            </div>
      </section>

      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
  </body>
</html>

文件.css和.js的路径是正确的。显然，我没有忘记任何东西，但当我尝试调整窗口尺寸较小或使用＆＃34;自适应设计尺寸＆＃34; MozilaFireFox，响应不起作用。为什么？

Answer 1

如果你确定jquery和bootstrap.min.js的路径是正确的，我接下来要检查的是你的自定义CSS

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

尝试注释掉或删除此行。它可能会改变您的布局，但更重要的是，看看它是否有助于响应行为。

如果这确实有帮助，请在自定义CSS中查找可能过度使用或破坏引导CSS的样式。

祝你好运！

响应式设计不起作用

1 个答案: