在iphone上的bootstrap响应式设计中的页面宽度

Question

我有一个自举响应式设计,适用于各种浏览器,但iPhone的页面宽度有限.我已经添加了视口元标记:

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

它似乎没有帮助.该网站在这里:http://themenuengine.com.任何建议将不胜感激!

Answer 1

围绕780行bootstrap-responsive.css:

@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }

覆盖该填充,0它将是全宽.

例如:

@media (max-width: 767px) {
  body {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}