浏览器兼容方案

源自：9-18 浏览器窗口可视区域大小

浏览器兼容方案

为什么在不同浏览器都实用的javascript方案不是这样呢？var w= document.documentElement.clientWidth || window.innerWidth;

明明window.innerWidth是ie9+/chrome等等，document.documentElement.clientWidth适用于ie8-。为什么解决方案不是这两个的结合呢？document.body.clientWidth由于body的margin，padding属性，根本不可能和document.documentElement.clientWidth 一样大嘛，而且按照老师的写法，这两个都是ie8版本以下的写法嘛？这两个的结合怎么能算是解决方案？

提问者：kevine099 2016-04-29 19:39

个回答

sz_yeefun: 2016-09-07 17:15:25

http://www.w3schools.com/js/js_window.asp
照上面網址裡的說法，要兼容不同瀏覽器，要用：

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

慕課網少了 window.innerWidth 和 window.innerHeight

慕工程2957023

2016-08-27 22:21:42

同问，和题主一样的想法

0
命里有玄机

2016-04-29 20:45:22

可以使用jQuery解决,而且在以后的工作中,基本很难接触不到jQuery

0