Html 网站的移动视图

我目前正在开发一个可以在上找到的站点，我对wordpress的引导有问题。主页和帖子在手机上无法正确调整大小。“关于我们”页面确实会调整大小。我相信这很简单，但这是我用wordpress创建的第一个网站。提前感谢所有的帮助

确认您的头标签中是否有这行代码

 <meta name="viewport" content="width=device-width, initial-scale=1">

确保你也有

 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">

实际上，这3个标签应该放在头部的第一位

另外，还要确保javascript文件的路径正确。注意jquery.js文件应该在引导js文件之前加载…将对这两个文件的引用放在body标记的末尾，就在引导js文件之前

    </body>

比如说

       <script src="js/jquery.js"></script>
       <script src="js/bootstrap.min.js"></script>

---

关于页面上显示了两个标签。如果在任何php文件上有任何硬编码html，请检查并删除它。 只需创建一个

header.php

，然后在

header.php

中创建所有的头代码。 创建一个名为

footer.php

，并在

footer.php

中创建所有页脚代码。 对于

page.php

只需调用

get\u header（）

和

get\u footer（）

和标准Wordpress循环，然后调用

内容（）

函数。。 所以基本上

page.php

文件如下：

    <?php         
    get_header();
    if ( have_posts() ) {
     while ( have_posts() ) {
        the_post(); 
        the_title();
        the_content();
      } 
    } 
    get_footer();
    ?>