【问题标题】:why bootstrap navbar scales down when in mobile [closed]为什么在移动设备中引导导航栏会缩小[关闭]
【发布时间】:2017-11-14 08:18:27
【问题描述】:

我想我们都知道 bootstrap Navbar 的工作原理,它始终处于领先地位,并且随着移动设备的变化而变化。好吧,我的不是改变移动设备,而是缩小并变得更小。这是我的website 的链接,您可以自己查看。

这是它在移动设备上的样子,任何使用过 Bootstrap 的人都知道有问题。 谢谢

【问题讨论】:

  • 在头部添加这个
  • 它工作了,但现在导航栏看起来不见了
  • 非常感谢,已修复
  • 使用媒体查询来优化移动设备的风格
  • 您需要在此处发布一个显示问题的标记的最小示例,而不是您的网站,这将在未来帮助任何人。 stackoverflow.com/help/mcve

标签: html css twitter-bootstrap-3 responsive-design


【解决方案1】:

要解决这个问题,你必须 在头部添加这个:

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

【讨论】:

    【解决方案2】:

    在你的 head 标签中添加这个

    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;

    width=device-width 这将告诉浏览器适应您的设备宽度

    你可以阅读更多关于here

    【讨论】:

      【解决方案3】:

      你需要在你的 html 文档的头部添加这个

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

      添加这将解决您的问题,因为您需要告诉浏览器您正在查看的设备的视口

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-05-04
        • 1970-01-01
        • 1970-01-01
        • 2016-09-02
        • 2018-08-17
        • 1970-01-01
        • 1970-01-01
        • 2018-09-29
        相关资源
        最近更新 更多