Viewport元标签在iPhone和安卓系统中不起作用
Viewport元标签在iPhone和安卓系统中不起作用
提问于 2012-05-28 19:07:10
我正在使用下面的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和安卓系统中不起作用。有什么解决方案吗？
编辑：它出现在iPhone设置中，如果Zoom被选为Settings>Accessibility>Zoom下的On，那么这将覆盖meta标签。Source
不确定为什么它会发生在android上。
回答 6
Stack Overflow用户
回答已采纳
发布于 2012-05-28 19:12:56
我使用这个标签来防止在所有移动平台上进行缩放：
<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" />使用,而不是;
Stack Overflow用户
发布于 2014-09-05 20:56:43
在我的部分中，我有这个“视窗”，它在安卓(Nexus5)和iPhone上都工作得很好。
<meta name="viewport" content="width=device-width; initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5; " />我希望这对你有帮助！
Stack Overflow用户
发布于 2017-02-07 15:53:15
将此脚本放入以避免收缩缩放。在最新版本的safari中，如果meta标签不起作用
document.documentElement.addEventListener('touchstart', function(event) {
if (event.touches.length > 1) {
event.preventDefault();
}
}, false);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10783641
复制相关文章
相似问题