大屏幕智能手機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失敗

回答

相關問題