網頁在加載時並未完全縮小

Question

當我在iPhone上加載Kickstarter.com時，它的加載方式如下

但是當我加載創建的網站時，它的加載方式如下

如您所見，對於KickStarter，它在加載時一直縮小。 對於我的網站，它並不會一直縮小。 它被放大到我網站的左上角。

有人知道為什么會這樣嗎？ 如何使我的網站具有與KickStarter相同的行為？

謝謝

Answer 1

您是否在HTML文件中設置了適當的縮放標記？

您需要將其放在HTML的頂部

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

Answer 2

假設這不是響應式設計，則需要向頁面添加視口元標記

<meta name="viewport" content="width=1024">

將1024更改為針對頁面寬度進行了優化的任何內容

Answer 3

嘗試添加：

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

在網站標題中。 “設備寬度”將使屏幕適合設備寬度。