I am looking for a solution to a viewport problem with the new 4.4+ Android Webview.
The problem, in particular, is that in the new 4.4+ Android web review, the presentation port is not being processed correctly or possibly ignored, which leads to content not filling the device width properly.
HOW TO PLAY:
<html>
<head>
<meta name="viewport" content="width=320">
<body style="margin:0px;">
<div style="width:320px; height:300px; background-color:purple;">
<div style="background-color:rgba(110,110,110,0.7);">
This box is 320px wide.
</div>
</div>
</body>
</html>
When viewed on a device, if the page above did not draw a purple block that covers the entire width of any screen?
Here is a graphic demonstration:
The html page encoded above with a simple 320-pixel field displayed through the application:
https://drive.google.com/file/d/0B2beYh8CaQEUTEREdFNaRFZvbHc/edit?usp=sharing
html, , , :
https://drive.google.com/file/d/0B2beYh8CaQEUamoyNmZzVjA5WWc/edit?usp=sharing
, , ?
Ive :
. This.appView.getSettings() setUseWideViewPort ();
. This.appView.getSettings() setLoadWithOverviewMode ();
:
WebView Android 4.4
Android - PhoneGap/WebView ...
- : (