我正在尝试在移动设备上正确扩展我的网站，但是当我使用视口元标记时，它什么都不做。
我的设计大约是500px宽（我不希望它缩小，所以我希望网站“缩放”，直到整个设计适合页面，如果用户宽度低于500px）那么最佳我会想做这样的事情：
<meta name="viewport" content="width=500">
或：
<meta name="viewport" content="width=device-width; height=device-height" />
即使我试图改变这些值，也没有任何事情发生，就像它根本不起作用一样。
我该怎么办？
答案 0 :(得分：1)
如果我理解正确，您希望页面缩放到视口而不是响应（即看起来与在较大的设备上相同，但显示较小）。在这种情况下，只需删除所有视口元标记 - 移动设备将自动进行缩放。
答案 1 :(得分：0)
尝试使用：
meta http-equiv='viewport' content='width=device-width, initial-scale=1.0'
并避免使用：
height=device-height
因为：如果已经将size声明为用户屏幕尺寸，则无需再次声明height。在这种情况下，宽高比（尤其是图像）将发生变化。它们可能会拉伸或挤压。