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

我有一个引导式响应设计，在各种浏览器上都能很好地工作，但在iPhone上页面宽度是有限的。我已经添加了视口元标记：

---

这似乎没有什么帮助。网站位于此处：。任何建议都将不胜感激

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

---

谢谢，这对莎拉绝对有帮助。我遇到的主要问题是面板的宽度（我称之为页面）。它们设置为100%宽度，但受到限制。我想这是一种有意的反应行为，但我不太明白。这看起来只有在垂直查看站点时才是真正的发音。您指的是

.panel

divs两侧的灰色吗？如果是这样，那是由于

填充：10px！重要信息

位于

style.css

的第164行。尝试使用ChromeWebInspector或Firebug在类似情况下查找罪魁祸首（右键单击额外空间->检查元素->查看应用的样式）。您可以有选择地启用/禁用样式，并实时查看结果。我指的是iphone上的特定样式。当页面垂直时，页面宽度限制为480px（或类似的值）。到目前为止，我一直在想如何在没有太多运气的情况下覆盖它；它完全基于屏幕大小和媒体查询。通过将浏览器窗口的大小调整为iPhone的屏幕宽度，可以获得相同的结果。请尝试不要使用！重要的。只需在bootstrap-responsive.css加载到DOM中之后的样式表中添加@media（max width:767px）{body{padding right:0；padding left:0；}}}即可。加入！重要的是，在您的响应式样式表中，这将在以后造成一场噩梦，比我们没有响应式样式表时更糟糕！重要的