如何让我的网站在移动设备上完整大小？

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像素）。