如何讓我的網站在移動設備上完整大小？

Question

我已經嘗試過所有可以想到的變化，以便讓我的網站在移動設備上正確顯示。我已將這些代碼輸入到我的頭標中，但無濟於事：

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="viewport" id="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=10.0,initial-scale=1.0" /> 

以及所有其他變化！沒有什麼能讓我能夠改變移動網站的原始外觀，或讓我放大或縮小！我不知道下一步該怎麼做。如果有任何建議你們可以給我，我絕望。

該網站是www.justthestork.com

Answer 1

這裏試試這個，它應強制正確的屏幕尺寸：

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

Answer 2

聽起來像是你想你的網站加載因爲它在桌面瀏覽器，但縮小？在這種情況下，你想給你的內容一定的寬度，這比屏幕尺寸更大：

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

這意味着你的頁面將佈置成一個窗口，是寬1024個像素（可以調節寬度，看什麼樣子最好）。然後瀏覽器將縮小，直到它適合屏幕。

如果您根本沒有指定視口<meta>，瀏覽器將選擇默認寬度（例如980像素）。