我已尝试过每个我能想到的变体，试图让我的网站在移动设备上正确显示。我已将这些代码输入到我的头标签中，但无济于事：
<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" />
以及所有其他变体！没有什么能让我能够在手机上更改网站的原始外观，或者允许我放大或缩小！我不知道接下来该做什么。如果有任何建议你们可以给予，我绝望了。
答案 0 :(得分：1)
听起来您希望自己的网站加载，就像在桌面浏览器上一样，但缩小了？在这种情况下，您希望为内容提供一个大于屏幕大小的恒定宽度：
<meta name="viewport" content="width=1024">
这意味着您的页面将布局为1024像素宽的窗口（您可以调整宽度以查看最佳效果）。然后，浏览器将缩小，直到它适合屏幕。
如果您根本没有指定视口<meta>，浏览器将选择默认宽度（例如980像素）。
答案 1 :(得分：0)
在这里尝试这个，它应该强制正确的屏幕尺寸：
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">