从零开始学前端 - 27. JS BOM之Screen对象详解及实际应用
342 阅读 2020-08-20 09:15:02 上传
以下文章来源于 认知语言学
每篇文章纯属个人经验观点，如有错误疏漏欢迎指正
Screen 对象包含有关客户端显示屏幕的信息。我们可以根据相关信息来优化页面的显示方式，以达到用户对网站访问的要求，但在实际工作中，Screen 对象使用的频率并不高。
主要属性：
screen.width返回用户屏幕的像素宽度；screen.height返回用户屏幕的像素高度；screen.availWidth返回用户屏幕的像素宽度减系统部件宽度之后的值；screen.availHeight返回用户屏幕的像素高度减系统部件高度之后的值；screen.colorDepth返回用户系统颜色比特数，一般都是32位；screen.pixelDepth返回用户屏幕的像素深度；
其它属性：
screen.availLeft返回用户屏幕未被系统部件占用的最左侧的像素值screen.availTop返回用户屏幕未被系统部件占用的最上方的像素值screen.top返回当前屏幕距用户屏幕上边的像素距离screen.left返回当前屏幕距用户屏幕左边的像素距离screen.bufferDepth读、写用于呈现屏外位图的位数screen.deviceXDPI返回用户屏幕实际的水平DPIscreen.deviceYDPI返回用户屏幕实际的垂直DPIscreen.logicalXDPI返回用户屏幕屏幕逻辑的水平DPIscreen.logicalYDPI返回用户屏幕屏幕逻辑的垂直DPIscreen.updateInterval读、写以毫秒表示的屏幕刷新时间间隔
window.screen属性和它引用的Screen对象都是非标准但广泛实现的。可以用Screen对象来确定Web应用是否运行在一个小屏幕的设备上，比如上网本。如果屏幕空间有限，可能要选择用更小的字体和图片等。
点赞
收藏
表情
图片
附件
热门资讯
推荐工具
