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