【发布时间】:2012-10-27 23:16:56
【问题描述】:
我的引导响应式设计在各种浏览器上运行良好,但页面宽度在 iPhone 上受到限制。我已经添加了视口元标记:
而且它似乎没有帮助。该网站在这里:http://themenuengine.com。任何建议将不胜感激!
【问题讨论】:
标签: iphone css twitter-bootstrap responsive-design
我的引导响应式设计在各种浏览器上运行良好,但页面宽度在 iPhone 上受到限制。我已经添加了视口元标记:
而且它似乎没有帮助。该网站在这里:http://themenuengine.com。任何建议将不胜感激!
【问题讨论】:
标签: iphone css twitter-bootstrap responsive-design
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;
}
}
【讨论】:
.panel div 两侧的灰色吗?如果是这样,那是由于padding: 10px !important 在style.css 的第 164 行。尝试使用 Chrome Web Inspector 或 Firebug 在这种情况下找到罪魁祸首(右键单击额外空间 -> 检查元素 -> 查看应用的样式)。您可以选择性地启用/禁用样式并实时查看结果。