clientWidth-offsetHeight

2023年03月01日约157字预计需要1分钟

clientWidth

clientWidth 属性是一个只读属性，它返回该元素的像素宽度，宽度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条，是一个整数，单位是像素 px。

内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。

获取浏览器窗口宽高：

const screenWidth = document.documentElement.clientWidth || document.body.clientWidth;
const screenHeight = document.documentElement.clientHeight || document.body.clientHeight;

// 屏幕
const screenWidth = window.screen.width;
const screenHeight = window.screen.height;

// 设备
const screenWidth = window.screen.width * window.devicePixelRatio;
const screenHeight = window.screen.height * window.devicePixelRatio;

offsetHeight

offsetHeight 和 offsettWidth 属性返回元素的可见高度和宽度，包括内边距（padding）和边框（border）。