2015-12-02 147 views
0

我剛剛創建了一個使用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> 

回答

5

有沒有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。沒有這個,現代手機將顯示與桌面相同的佈局。

+0

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

+1

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

0

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

相關問題