Question

我希望我的网站已经准备好让移动设备在整个页面上打开，就像下面图片右侧的示例一样。

目前它看起来像左侧大小的示例，我无法按照我想要的方式工作。

站点的宽度是1020，我使用视口元标记，如：

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

但它不起作用，我从未在mt设备上看到过这项工作。

知道如何让它以我希望它打开的方式打开吗？（缩小）

Answer 1

如果您的网站不具有移动设备友好性，则不应输入initial-scale值，或删除元视口，您的网站应如您所愿。

解决方案1：

删除<meta name="viewport">。但是我不建议这样做，因为不同设备上的默认视口宽度不同，您的网站可能会失去边距。

解决方案2：

仅在width中指定<meta name="viewport">，如下所示：<meta name="viewport" content="width=1020">，这将使您的网站看起来＆＃34;缩小＆＃34;在所有设备上以正确的方式。

Answer 2

如果您的网站不适合移动设备，请移除视口元标记。它将占据整个屏幕，如右侧图像所示