响应式设计：网站100％宽度在设备外左右移动

Question

我正在完成一个Web项目，应该像往常一样，移动友好。响应。

所有元素都具有响应性，因此在智能手机中内容清晰可读，但在智能手机中，网站不稳定。这意味着我可以向左或向右移动，就像主容器不是“固定的”＃34;至100％的设备宽度。见图片

一旦我将压力留在屏幕上，它就会返回到良好的位置，并且它都是可读的。屏幕外没有任何元素。

我怎么能真正避免这种影响

我使用的是Wordpress 4.8.3，Bootstrap 3.3.7

Answer 1

这是由溢出的元素引起的。通过应用：

找到元素

* {
  border: 1px solid red !important;
}

然后看看为什么它突破了它的容器。也许你没有正确地将它放在一行或一列中，缺少关闭标签等。

指向您网站或代码的链接非常有帮助。