HTML使用Bootstrap CSS未響應

我正在使用Bootstrap 3.0面板並試圖找出頁面在移動設備上無法響應的原因。它在桌面瀏覽器上正確顯示，但不會在移動設備上查看優化。HTML使用Bootstrap CSS未響應

Bootstrap網站上的panel examples確實在移動設備上進行了優化顯示。

我錯過了什麼嗎？

這裏的HTML：

<!DOCTYPE html> 
<html lang="en"> 
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> 

    <title>a title</title> 
    </head> 

    <body> 
    <div class="container"> 
     <div class="row"> 
    <div class="panel panel-default"> 
     <div class="panel-body"> 
     <div class="media"> 
      <div class="media-body"> 
     <div class="row-fluid"> 
      <div class="row"> 
      <div class="col-md-12"><h1 class="media-heading">This is a heading using h1s.</h1></div> 
      </div> 
     </div> 
     <br> 
     <div class="row-fluid"> 
      <div class="span4 top-buffer"> 

      </div> 
     </div> 
      </div> 
     </div> 
     <br> 
     </div> 
    </div> 
     </div>  
    </div> 
    </body> 
</html>

來源

2013-09-16 Raj

看起來像你缺少你的HTML的頭部視口標籤。 Docs

像這樣：

<meta content='maximum-scale=1.0, initial-scale=1.0, width=device-width' name='viewport'>

除了可以認爲，禁用變焦是一個壞主意，如果你的文字太小，閱讀，所以要小心，以測試其在各種不同用戶的設備心裏。

來源

2013-09-16 18:37:31

太棒了。就是這樣！ – Raj

是的，禁用縮放是一件壞事™。刪除'最大規模= 1.0，'把它帶回來:) –

這是一個真正的現場救星！ – dmeu

HTML使用Bootstrap CSS未響應

回答

相關問題