meta name =“viewport”似乎没有效果

Question

我已将此标记放在my website上：

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

在Firefox和Chrome for Android上，该网站如下所示：

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

我做错了什么？

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

Answer 1

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

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

听起来你更喜欢在其他宽度上渲染，比如800px：

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