iphone上的網站真的很小

Question

所以我把一個網站推到了http://austinenl.com，不過看起來在iPhone上它看起來真的被縮小了。從我的研究，我需要添加

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

然而，加入這個之後，我仍然得到報告說，該網站看起來不錯的iphone。我找不到任何其他來源可以提出任何其他建議，以解釋導致此問題的原因，所以我希望這裏有人能夠提供幫助。

Answer 1

而不是使用：<meta name="viewport" content="width=device-width; initial-scale=1.0;">，它使用一個分號。

您可以嘗試使用：<meta name="viewport" content="width=device-width, initial-scale=1">，它使用逗號。

如果多年來一直在使用第二種選擇，並且一切都工作正常。蘋果希望這樣做。查看Supported Meta Tags.

編輯：我檢查了你的CSS，我發現了一些規則，我不確定它們在哪裏使用，但刪除它們似乎有幫助。

.area-checkboxes { 
    display: -webkit-flex; 
} 

.area-checkbox { 
    min-width: 250px; 
    -webkit-flex: 1 1 250px; 
    flex: 1; 
} 

在style.css

Answer 2

嘗試增加100％的寬體和打電話給我

html,body{width:100%}