Question

我有3个子问题。我使用Android Chrome在我的Android手机（720 * 1280）上运行了以下javascripts。我在页面开始加载时和windown.onload中运行它。但是我得到了如下奇怪的结果。

为什么body.clientwidth大于screen.width（无论是否添加了视口元，我都得到了相同的结果）？
为什么它在Android Chrome上返回360 * 640，而在其他浏览器上返回正确的分辨率，如UC？如何使用android chrome获得正确的分辨率？
即使我使用device-width = 320px设置了一个视口元数据，我也总是在所有浏览器上得到相同的结果;为什么视口不会生效？
document.body.clientHeight在window.onload中执行它时返回不同的值。那是为什么？

//execute with Android UC browser when page starts to load
document.writeln(window.screen.width);
document.writeln("<br />");
document.writeln(window.screen.height);
document.writeln("<br />");
document.writeln(document.body.clientWidth);
document.writeln("<br />");
document.writeln(document.body.clientHeight);

720
1280
964
114

//execute with Android UC browser in window.onload
document.writeln(window.screen.width);
document.writeln("<br />");
document.writeln(window.screen.height);
document.writeln("<br />");
document.writeln(document.body.clientWidth);
document.writeln("<br />");
document.writeln(document.body.clientHeight);

720
1280
964
266

//execute in Android Chrome when page starts to load
document.writeln(window.screen.width);
document.writeln("<br />");
document.writeln(window.screen.height);
document.writeln("<br />");
document.writeln(document.body.clientWidth);
document.writeln("<br />");
document.writeln(document.body.clientHeight);
360
640
360
640
32
964
132

//execute in Android Chrome window.onload
document.writeln(window.screen.width);
document.writeln("<br />");
document.writeln(window.screen.height);
document.writeln("<br />");
document.writeln(document.body.clientWidth);
document.writeln("<br />");
document.writeln(document.body.clientHeight);
360
640
360
640
32
964
308

clientWidth，screen.width，android Chrome和viewport

0 个答案: