IOS Web應用程序會放大旋轉時，鍵盤顯示

-1

<!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>

當從主屏幕打開文件之上，並攻到輸入框在橫向模式下，然後旋轉手機肖像模式，屏幕放大，而且也沒有辦法縮小。在Safari中打開時不會發生。IOS Web應用程序會放大旋轉時，鍵盤顯示

 
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

預期結果：屏幕不應該放大

實際結果：屏幕放大，

版本： IOS 9

注：沒有發生在IOS9之前。在Safari中不會發生，只在Web Clip中發生。

解決方法的任何想法？

來源

2016-01-21 misha2400

找到了解決辦法在這裏：

https://github.com/scottjehl/iOS-Orientationchange-Fix

雖然我沒有必要爲加速度計，簡單地設置中繼內容爲「最大規模= 1」的伎倆：

var meta = document.querySelector("meta[name=viewport]"), 
 
      initialContent = meta && meta.getAttribute("content"), 
 
      disabledZoom = initialContent + ",maximum-scale=1"; 
 

 
     function restoreZoom(){ 
 
      meta.setAttribute("content", disabledZoom); 
 
      
 
     } 
 
window.addEventListener("orientationchange", restoreZoom, false);

來源

2016-05-03 18:16:01 misha2400

IOS Web應用程序會放大旋轉時，鍵盤顯示

回答

相關問題