Question

我的网站出了问题。 <html>并未在移动设备上占据全部宽度。

我正在使用Bootstrap + Jquery。

你知道我的问题来自哪里吗？

谢谢！

Views screenshot

Answer 1

我的猜测是您的视口已关闭。要更正此问题，请将此元标记添加到head：

<meta name="viewport" content="width=device-width, initial-scale=1">

有关Viewport元标记的详细信息，请参阅this MDN page。

Answer 2

我确信这是导致问题的原因

<div class="container">
  <div class="row"> <!--this adds negative margin.-->
    <div class="col-x-*">

    </div>
  </div>
</div>

使用bootstrap时必须使用该结构。