我正在使用以下html代码
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
</head>
<body>
test
</body>
</html>
我的目的是防止用户放大或缩小。上述代码不适用于 iPhone 和 Android。有什么解决办法吗？
编辑:如果在 Settings>Accessibility>Zoom 下将 Zoom 选择为 On，它会出现在 iPhone 设置中>，那么这将覆盖元标记。 Source
不知道为什么它会在 android 中发生。
最佳答案
我使用这个标签来防止在所有移动平台上缩放:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" />
使用 , 而不是 ;
关于android - 视口(viewport)元标记在 iPhone 和 Android 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10783641/