网站的移动视图[关闭]答案

【问题标题】：Mobile View of Website [closed]网站的移动视图[关闭]
【发布时间】：2016-06-26 10:03:43
【问题描述】：

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

【问题讨论】：

标签： html wordpress twitter-bootstrap mobile

【解决方案1】：

确认你的head标签中是否有这行代码

 <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 标记的末尾，就在之前

    </body>

例如

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

【讨论】：

【解决方案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();
    ?>

【讨论】：