视口元标记 - 设备宽度不起作用
Viewport meta tag - device width doesn't work
我希望我的网站 尚未准备好在移动设备上打开整个页面，如下图右侧的示例所示。
目前它看起来像左边的例子，我不能让它按照我想要的方式工作。
网站宽度为 1020 时，我使用视口元标记，例如：
<meta name="viewport" content="width=1020, initial-scale=1">
但它不起作用，我从未在 mt 设备上看到它起作用。
知道如何让它按照我想要的方式打开吗？ （缩小）
如果您的网站不适合移动设备，您不应输入 initial-scale 值，或删除元视口，您的网站应该看起来如您所愿。
解决方案一：
删除 <meta name="viewport">。但是我不推荐这样做，因为不同设备上的默认视口宽度不同，您的网站可能会丢失边距。
方案二：
在 <meta name="viewport"> 中仅指定 width，如下所示：<meta name="viewport" content="width=1020">，这将使您的网站在所有设备上看起来 "zoomed out" 正确。
如果您的网站不适合移动设备，请删除视口元标记。它将占据整个屏幕，如右图所示
我希望我的网站 尚未准备好在移动设备上打开整个页面，如下图右侧的示例所示。
目前它看起来像左边的例子，我不能让它按照我想要的方式工作。
网站宽度为 1020 时，我使用视口元标记，例如：
<meta name="viewport" content="width=1020, initial-scale=1">
但它不起作用，我从未在 mt 设备上看到它起作用。
知道如何让它按照我想要的方式打开吗？ （缩小）
如果您的网站不适合移动设备，您不应输入 initial-scale 值，或删除元视口，您的网站应该看起来如您所愿。
解决方案一：
删除 <meta name="viewport">。但是我不推荐这样做，因为不同设备上的默认视口宽度不同，您的网站可能会丢失边距。
方案二：
在 <meta name="viewport"> 中仅指定 width，如下所示：<meta name="viewport" content="width=1020">，这将使您的网站在所有设备上看起来 "zoomed out" 正确。
如果您的网站不适合移动设备，请删除视口元标记。它将占据整个屏幕，如右图所示