viewport - user-scalable=yes不起作用
viewport - user-scalable=yes不起作用
提问于 2013-08-19 04:18:32
我正在开发基于android sdk和Eclipse的Phonegap应用程序。我只是采用了默认代码，并添加了<meta>以实现可伸缩性，但它不能让我放大或缩小Android SGS2设备。(我没有查看iPhone，因为我没有。)
代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport"
content="user-scalable=yes" />
<!--<meta name="viewport"
content="user-scalable=yes,
initial-scale=1,
maximum-scale=4,
minimum-scale=1,
width=device-width,
height=device-height,
target-densitydpi=device-dpi" />
-->
<title>First App</title>
<script src="cordova-2.2.0.js"></script>
<script>
function onLoad(){
document.addEventListener("deviceready",
onDeviceReady, true);
}
function onDeviceReady(){
navigator.notification.alert("PhoneGap is working!!");
}
</script>
</head>
<body onload="onLoad();">
<h1>Welcome to PhoneGap</h1>
<h2>Edit assets/www/index.html</h2>
</body>
</html>回答 2
Stack Overflow用户
发布于 2013-08-19 23:06:06
在Android上，你是否也像这样启用了loadUrl之后的缩放功能？
super.loadUrl(Config.getStartUrl(), 80000);
WebSettings settings = super.appView.getSettings();
settings.setBuiltInZoomControls(true);
settings.setSupportZoom(true);就我个人而言，除非你真的需要支持它，否则启用缩放真的是自找麻烦。
Stack Overflow用户
发布于 2014-10-30 22:46:09
尝试使用1而不是yes作为用户可扩展
<meta name="viewport" content="user-scalable=1" />它可以设置为yes或1
user-scalable属性通过以下值转换为“用户缩放”。
设备是和否被转换为‘respectively.
- Numbers’和‘’设备高度1，数字
- -1，设备宽度和设备高度映射到<-1范围内的设备，1>和未知值映射到‘
’‘≥≤
请参阅参考：
W3C CSS Device Adaptation Spec: user-scalable
还有这个：
http://dev.w3.org/csswg/css-device-adapt/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18303249
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号