Question

我目前正在开发一个可以在http://bnlfinance.com找到的网站，而且我在使用wordpress时遇到了bootstrap问题。主页和帖子不会在移动设备上正确调整大小。关于我们页面确实调整了大小。我确定它很简单，但这是我使用wordpress创建的第一个网站。提前感谢您的帮助！

Answer 1

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

 <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文件应该在bootstrap js文件之前加载...在body标签的末尾放置对两个文件的引用

    </body>

例如

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

Answer 2

在页面上显示2个标签。检查并删除如果您有任何PHP文件上的硬编码html删除它。只需在header.php中创建一个header.php然后创建所有标头代码。在footer.php中创建一个名为footer.php和所有页脚代码的代码。并且对于page.php，只需调用get_header()和get_footer()以及标准Wordpress循环，然后调用the_content()函数。所以基本上page.php文件就是这样的：

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

移动视图的网站

2 个答案: