跨瀏覽器確定視窗大小

2021-09-18 05:48:26 字數 341 閱讀 6403

ie9+,firefox,safari,opera和chrome都為跨瀏覽器視窗大小提供了4個屬性:

innerwidth,innerheight,outerwidth和outerheight

但有區別如下:

①在e9+,firefox,safari瀏覽器中outerwidth和outerheight返回瀏覽器視窗本身的尺寸,在opera瀏覽器中返回頁面檢視容器的大小(指的是單個標籤頁對應的瀏覽器視窗,需要減去邊框的寬度);

②在chrome瀏覽器中,innerwidth,innerheight,outerwidth和outerheight返回相同的值,即視口(viewport)大小,而非瀏覽器視窗大小。

瀏覽器視窗的大小

var w window.innerwidth document.documentelement.clientwidth document.body.clientwidth var h window.innerheight document.documentelement.clientheight ...

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.body.clientwidth...

JS 獲取瀏覽器視窗大小

js 獲取瀏覽器視窗大小 js 獲取瀏覽器視窗大小 獲取視窗寬度 if window.innerwidth winwidth window.innerwidth else if document.body document.body.clientwidth winwidth document.bod...