视口元标记 - 设备宽度不起作用

Question

我希望我的网站女巫没有准备好在整个页面上打开，就像下面图片右侧的示例一样。

目前它看起来像左边的大小的例子，我不能让它按我想要的方式工作。

WHE网站的宽度是1020，我使用视meta标签，如：

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

但它不工作，我从来没有看到吨设备这方面的工作。

任何想法如何让它打开我想要打开的方式？ （缩小）

Answer 1

如果您的网站不适合移动设备，你不应该进入initial-scale值，或删除元视你的网站看起来应该是你想要的。

解决方案1：

删除<meta name="viewport">。不过，我不会推荐这样做，因为不同设备上的默认视口宽度不同，您的网站可能会失去利润。

解决方案2：

只指定在<meta name="viewport">width，像这样：<meta name="viewport" content="width=1020">，这会让你的网站看起来在所有设备上以正确的方式“缩小”。

Answer 2

如果您的网站不方便移动，请移除视口元标记。它将占据整个屏幕，如右图所示