大屏幕智能手机RWD失败

这些狗走了电话制造商正在使我们的工作更难。引入较大的手机会导致Bootstrap RWD作为平板电脑而不是手机进行响应。这不是一个主要的交易，有时候是因为响应性确实发生，但下拉菜单（汉堡包菜单）未能显示并强制它过早打开，这也不正确。然后，您将在横向模式下使用较小的平板电脑或手机时遇到同样的问题。大屏幕智能手机RWD失败

这里是我的意思是：

这是我设计它寻找col-xs-12，而是我得到了col-sm-12在手机的图像下面进一步显示渲染的方式。 “那么，如果汉堡菜单不显示”，你会说。常规菜单在手机中仍然太小，很难点击。

这里是我使用的标题

<header> 
    <div class="header"> 
     <nav class="navbar navbar-default" role="navigation"> 
      <div class="container"> 

       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
        <span class="sr-only">MENU</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        </button> 
        <a class="navbar-brand" href="/"><img src="images/banner.png" alt="banner" /></a> 
       </div> 

       <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1"> 
        <ul class="nav navbar-nav" id="navigation"> 
         <li class="active"><a href="/">Home</a></li> 
         <li><a href="about.php">about</a></li> 
         <li><a href="testimonials.php">testimonials</a></li> 
         <li><a href="services.php">services</a></li>     
         <li><a href="contact.php">contact</a></li>  
        </ul> 
       </div> 
      </div> 
     </nav> 
    </div> 
</header>

任何人知道如何解决这个问题的代码。

enter image description here

来源

2014-10-28 LOTUSMS

媒体查询是在引导（这不应该被感动，谨慎改变），但改变介质可以追溯到我的过早响应的问题。 – LOTUSMS 2014-10-28 02:09:04

是的，我知道我可以做。而且我可以这样做，使得它在我的手机（Galaxy S5）上看起来很棒，但在我妻子的iPhone 6Plus中，该网站呈现为平板电脑。我想强制它，以便即使使用大型手机，它仍会输出手机显示屏 – LOTUSMS 2014-10-28 02:21:59

这可能是因为浏览器认为它是平板电脑。如果我记得正确的话，i6 +有一些不同的像素比例，告诉您的浏览器它实际上是一个比实际更大的像素量。根据[这里]（http://jsfiddle.net/x27u0e9y/），iPhone6的像素是'750x1334'，而iPhone6 +是'1242x2208'。你的代码工作正常，你的手机告诉你的浏览器它是1242px宽。 – 2014-10-28 02:26:57

好吧，我发现这个问题的乡亲。我喜欢做一个脸掌，所以我接受你所抛弃的所有“嘟嘟”和“嘟嘟”。大声笑这里是如何解决它。

将<meta name="viewport" content="width=device-width, initial-scale=1">加到头上，瞧！

：摇头：

来源

2014-10-28 14:13:39 LOTUSMS

我刚刚发现完全相同的问题，所以你并不孤单。所以“显而易见”（就像事件之后总是这样的事情），我从来没有想过要去寻找它。 – 2015-06-08 09:35:09

大屏幕智能手机RWD失败

回答

相关问题