元視口標籤似乎在iOS中不起作用UIWebView

爲什麼不是以下工作？目的是讓div擁有iphone屏幕寬度的1/2。它在桌面瀏覽器（如OSX Safari和Chrome）中按預期工作。元視口標籤似乎在iOS中不起作用UIWebView

的index.html：

<html> 
<head>   
    <meta name="viewport" content="width=device-width,initial-scale=1" /> 
</head> 
<body> 
<br><br><br> 
    <div style="background-color: red; width: 50%">hello iphone</div> 
</body></html>

iOS的代碼：

- (void)viewDidLoad { 
    [super viewDidLoad]; 
    NSURL *url = [[NSBundle mainBundle] URLForResource:@"index" withExtension:@"html"]; 
    [_webView loadRequest:[NSURLRequest requestWithURL:url]]; 
}

iphone模擬器：

來源

2015-10-13 Lightbeard

看來在xcode 7.0.1 + iOS9中有meta viewportbugs;但是，建議的解決方法如initial-scale=1.0001和shrink-to-fit=no尚未適用於我。我已經嘗試過模擬器和物理設備。

這只是到目前爲止，已經工作的解決方案：

<html> 
    <body> 
     <br><br><br> 
     <div id="red-div" style="background-color: red;">hello iphone</div> 

     <script> 
      document.getElementById('red-div').style.width = screen.width/2 + 'px'; 
     </script> 

    </body> 
</html>

來源

2015-10-14 13:44:11 Lightbeard

元視口標籤似乎在iOS中不起作用UIWebView

回答

相關問題