視口元標記 - 設備寬度不起作用

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

如果您的網站不方便移動，請移除視口元標記。它將佔據整個屏幕，如右圖所示