【问题标题】:Responsive site scaling down on mobile rather than adjusting响应式网站在移动设备上缩小而不是调整
【发布时间】:2018-06-29 04:04:03
【问题描述】:

我遇到了一些奇怪的行为,我不确定为什么会这样。

我正在建立一个网站。在 Chrome 和 Safari 中本地运行时,它显示正常,一切都按照您的预期进行调整。但是,在响应模式下,当直接在移动设备上查看时,整个网站的大小都会缩小以适应。我的意思是整个网站的每个元素都缩小了大小,以便在查看桌面大小时显示。

我使用的是 Bourbon/Neat,这里和那里都有一些 flexbox,我以前做过很多次。我只是从来没有经历过这种情况。有什么想法吗?

【问题讨论】:

    标签: html css mobile responsive


    【解决方案1】:

    您可能需要添加

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

    到您的 html 的 &lt;head&gt; 部分

    【讨论】:

    • 对不起,应该补充一下,我确实有这个!
    • 您能提供该网站的链接吗?如果是这样,我将能够提供帮助。
    • 其实,你得到了正确的答案。我添加了视口元标记,但正在查看旧版本的网站!以为我快疯了。最新版本推出,一切都好起来了!谢谢!
    【解决方案2】:

    乔丹的回答方向正确,但对我没有用。

    Stackoverflow 上的另一个帖子有一个更全面的元标记,为我修复了它:

    Small fonts in mobile website

    【讨论】:

      猜你喜欢
      • 2013-10-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-10-14
      • 2018-10-24
      • 2016-04-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多