【问题标题】:HTML doesn't take full widthHTML 不占用全宽
【发布时间】:2017-08-02 15:53:44
【问题描述】:

我的网站有问题。 <html> 在移动设备上不占全角。

我正在使用 Bootstrap + Jquery。

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

谢谢!

【问题讨论】:

  • 在问题中发布您的代码。
  • 寻求调试帮助的问题(“为什么这段代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:How to create a Minimal, Complete, and Verifiable example

标签: css html mobile


【解决方案1】:

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

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

有关视口元标记的更多信息,请参阅this MDN page

【讨论】:

    【解决方案2】:

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

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

    使用 bootstrap 时该结构是强制性的。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-10-05
      • 1970-01-01
      • 2021-03-07
      • 2021-06-08
      • 2011-11-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多