iphone - iphone 上 Bootstrap 响应式设计中的页面宽度

Question

我有一个在各种浏览器上运行良好的 Bootstrap 响应式设计，但页面宽度在 iPhone 上受到限制。我已经添加了视口(viewport)元标记:

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

而且好像也没什么用。网站在这里:http://themenuengine.com .任何建议将不胜感激!

Answer 1

在 bootstrap-responsive.css 的第 780 行附近:

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

用 0 覆盖填充，它将是全 Angular 的。

例如:

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