页面在 Chrome 开发工具设备上无法 100% 缩放答案

【问题标题】：Page doesn't scale 100% on Chrome Dev Tools devices页面在 Chrome 开发工具设备上无法 100% 缩放
【发布时间】：2016-12-27 13:42:58
【问题描述】：

关于响应式设计，在引导程序上完成的页面在谷歌浏览器开发工具设备模式下似乎没有 100% 缩放。

似乎每边都留下几个像素。

元标记是 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">, 没有“shrink-to-fit=no”也一样。

我包括下面的图片：

有什么办法可以使页面缩放 100%，而不是让边超出浏览器的宽度？

【问题讨论】：

【解决方案1】：

您的 html 代码很可能不是按照 Bootstrap 组织容器和行类的方式。你能分享你用于上述页面的html代码吗？

【讨论】：

我实际上注意到了问题所在。所有 bootstrap .row 类都添加 padding-left 和 padding-right 15px，这就是容器被拉伸的原因。