meta viewport tag не работает в iOS UIWebView

Почему не работает следующее? Цель состоит в том, чтобы div имел ширину экрана шириной 1/2. Он работает как ожидается в настольных браузерах (например, OSX Safari и Chrome).meta viewport tag не работает в 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

Кажется, есть meta viewportbugs in xcode 7.0.1 + iOS9; однако обходные решения, такие как 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

meta viewport tag не работает в iOS UIWebView

ответ

Смежные вопросы