【问题标题】:meta name="viewport" doesn't seem to have effectmeta name="viewport" 似乎没有效果
【发布时间】:2014-03-26 22:12:45
【问题描述】:

我已经把这个标签放在my website:

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

在 Firefox 和 Chrome for Android 上,该网站如下所示:

虽然我希望它看起来像这样:

我做错了什么?

我也尝试了this post 中的解决方案,但没有任何帮助。

【问题讨论】:

  • 这些机箱的设备宽度是多少?

标签: html web responsive-design webkit


【解决方案1】:

这告诉浏览器以与设备屏幕像素相同的宽度呈现页面:

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

听起来您更喜欢以其他宽度进行渲染,比如 800 像素:

<meta name="viewport" content="width=800, initial-scale=1.0" />

【讨论】:

    猜你喜欢
    • 2019-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-12
    • 2018-05-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多