Относительно window.innerWidth
и document.documentElement.clientWidth
,
-
Заявки на Webkit (Chrome/Safari)
innerWidth
меньше, чемclientWidth
. -
Требование Trident и Presto
innerWidth
больше, чемclientWidth
. -
Gecko утверждает, что
innerWidth
имеет тот же размер, что иclientWidth
.
Какое правильное поведение указано W3C (или силимаром "авторитет" )?
Тестирование Script (в JSFiddle) (на GoogleHost):
setInterval(function() {
var inner_w = window.innerWidth;
var inner_h = window.innerHeight;
var client_w = document.documentElement.clientWidth;
var client_h = document.documentElement.clientHeight;
var debug_msg = "inner: " + inner_w + "-" + inner_h + "<br>client: " + client_w + "-" + client_h;
document.getElementById("d").innerHTML = debug_msg;
document.title = debug_msg;
document.body.style.background = (client_w === inner_w && client_h === inner_h ? "green" : "red");
}, 60);
<div id="d"></div>