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

时间:2012-11-07 20:20:24

标签: iphone css twitter-bootstrap responsive-design

我的自举响应式设计在各种浏览器上运行良好,但iPhone的页面宽度有限。我已经添加了视口元标记:

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

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

1 个答案:

答案 0 :(得分:8)

bootstrap-responsive.css的第780行:

@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;
  }
}