我的網站在移動設備上顯示爲桌面版

我剛剛創建了一個使用BootStrap的網站，我不確定桌面版爲什麼顯示在移動設備上。這會發生什麼可能的原因？我確保在我的HTML文件中鏈接了所有必需的BootStrap文件，包括「Bootstrap.min.css」，「Bootstrap.min.js」和jquery鏈接。這是site。提前致謝。我的網站在移動設備上顯示爲桌面版

<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel"> 
    <ol class="carousel-indicators"> 
     <li data-target="#carousel" data-slide-to="0" class="active"></li> 
     <li data-target="#carousel" data-slide-to="1"></li> 
     <li data-target="#carousel" data-slide-to="2"></li> 
    </ol> 
    <!-- Carousel items --> 
    <div class="carousel-inner pull-right" > 
     <div class="active item"> 

      <img src="" class="img-responsive pull-left"> 
     </div> 
     <div class="item"> 
      <img src="" class="img-responsive pull-left"> 
     </div> 
     <div class="item"> 
      <img src="" class="img-responsive pull-left"> 
     </div> 
    </div>

來源

2015-12-02 Erica Rodriguez

有沒有viewport元標記在您的網站。補充一點：

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

並防止用戶放大或縮小，以此來鎖定變焦（你應該這樣做）：

<meta name="viewport" content="initial-scale=1, maximum-scale=1" />

更多信息：Using the viewport meta tag to control layout on mobile browsers。沒有這個，現代手機將顯示與桌面相同的佈局。

來源

2015-12-02 14:01:26

OMG！我完全錯過了。非常感謝！ –

當然可以！我早些時候會這樣做，但它說我必須等一會兒才能接受你的答案。再次感謝。 :-) –

如果您正在使用GoDaddy併爲該域啓用了「向前轉發並屏蔽」，則該站點將使用iFrames轉發。這會使您的自適應移動網站在iPhone上顯示爲桌面版本。這裏有一個很好的資源（博客），我發現它可以告訴你如何在使用AWS和GoDaddy作爲你的託管服務提供商時正確設置域名轉發。 OMG！

來源

2016-02-28 19:17:25 user3313516

我的網站在移動設備上顯示爲桌面版

回答

相關問題