html - 视口(viewport)不起作用

Question

我试图在移动设备上正确缩放我的网站，但是当我使用视口(viewport)元标记时，它什么也不做。

我的设计大约有 500 像素宽(我不希望它按比例缩小，所以如果用户宽度低于 500 像素，我希望网站“缩小”直到整个设计适合页面)所以我最好想做这样的事情:

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

或:

<meta name="viewport" content="width=device-width; height=device-height" />

即使我尝试更改值也没有任何反应，就像它根本不起作用一样。

我能做什么？

Answer 1

如果我理解正确，您希望页面缩放到视口(viewport)并且不响应(即看起来与在较大设备上相同，但显示较小)。在这种情况下，只需删除所有视口(viewport)元标记 - 移动设备将自动进行缩放。