当显示键盘时，IOS web应用程序会在旋转时放大_Ios_Iphone_Ios9_Web Clips

当显示键盘时，IOS web应用程序会在旋转时放大

ios iphone

当显示键盘时，IOS web应用程序会在旋转时放大,ios,iphone,ios9,web-clips,Ios,Iphone,Ios9,Web Clips,当从主屏幕打开上面的文件，在横向模式下点击输入框，然后将手机旋转到纵向模式时，屏幕会放大，无法缩小。在Safari中打开时不会发生 <!doctype html> <html> <head> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=600,user-scalable=no"> </he

当从主屏幕打开上面的文件，在横向模式下点击输入框，然后将手机旋转到纵向模式时，屏幕会放大，无法缩小。在Safari中打开时不会发生

<!doctype html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=600,user-scalable=no">
</head>
<body>
<div style="width:570px;height:300px;border:1px solid black" >
<input type=text>
</div>
</body>
</html>

复制步骤： 1.将书签保存到文件到主屏幕 2.从主屏幕打开书签 3.将手机转到横向模式 4.轻触输入字段，出现键盘 5.将手机转到纵向模式预期成果：屏幕不应该放大

实际结果：屏幕放大

版本： IOS 9

注: 在IOS9之前没有发生过。在Safari中不会发生，只有在Web剪辑中才会发生

有什么解决方法吗？

在这里找到了一个解决方案：

虽然对我来说不需要加速计，但简单地将元内容设置为“最大刻度=1”就可以做到：

var meta=document.querySelector（“meta[name=viewport]”，
initialContent=meta&&meta.getAttribute（“内容”），
disabledZoom=initialContent+“，最大刻度=1”；
函数restoreZoom（）{
setAttribute（“内容”，disabledZoom）；
}
window.addEventListener（“方向更改”，restoreZoom，false）
Steps to Reproduce:
1. Save the bookmark to file to Home Screen
2. Open bookmark from Home Screen
3. Turn phone to Landscape mode
4. Tap into input field, keyboard appears
5. Turn phone to Portrait mode