window下的各种宽高度小结

简介: window下的各种宽高度小结

详细的请打开这里看console.log

window.innerWidth:  文档显示区(body)的宽度
window.innerHeight  文档显示区(body)的高度
window.outrWidth  窗口的宽度(body+任务栏)
window.outerHeight  窗口的高度(body+任务栏)
window.pageYOffset  文档左上角到文档显示区左上角的距离
screen.width  分辨率的宽度
screen.height 分辨率的高度
screen.availWidth  去掉任务栏剩余分辨率宽度
screen.availHeight  去掉任务栏剩余分辨率高度

目录
相关文章
|
2天前
|
前端开发
元素的宽度和高度
【5月更文挑战第4天】元素的宽度和高度。
23 8
|
2天前
自定义视口高度,多余的部分使用滚动
自定义视口高度,多余的部分使用滚动
|
2天前
|
存储 前端开发 索引
canvas详解09-像素操作
canvas详解09-像素操作
99 1
|
前端开发 JavaScript
canvas设置像素与画布样式宽高不符的原因及解决办法
canvas设置像素与画布样式宽高不符的原因及解决办法
664 0
|
数据可视化
clientHeight获取屏幕可视化高度
clientHeight获取屏幕可视化高度
PyQt5 技术篇-控件长宽度、高度设置,组件大小设置,组件尺寸查看。
PyQt5 技术篇-控件长宽度、高度设置,组件大小设置,组件尺寸查看。
872 0
|
前端开发 JavaScript
CSS 设置窗口高度铺满
本文目录 1. 背景 2. CSS设置满屏
373 0
div高度自适应宽度按比例放大
导语:我们经常会碰到这样的需求:要求div高度跟随宽度变化而变化。在手机端,一张图片作为div的背景图,图片宽高比不一致,并要求div宽高比与图片宽高比一致;怎么实现这种需求呢? 原理 padding-top: 50%;用这个属性的百分比,padding-top的百分比是相对于父元素的宽度,比如:...
1682 0