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未响应

回答

相关问题