禁用移动设备上的缩放以获得固定的视口大小

Question

我想在移动设备上禁用缩放功能.我知道这段代码会起作用.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

但在我的情况下,我没有选择使用"width = device-width".我必须将视口大小设置为480px所以我使用以下代码

<meta name="viewport" content="width=480px, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

但我可以在移动设备上放大页面,我可以将其缩小.

Answer 1

使用"target-densitydpi = device-dpi",因此使用代码

<meta name="viewport" content="width=480, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" />

解决了我的问题.感谢Dave Rook