从零开始学前端 - 27. JS BOM之Screen对象

作者: 她不美却常驻我心
博客地址: https://blog.csdn.net/qq_39506551
微信公众号：老王的前端分享
每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。转载请附带作者信息及出处。

从零开始学前端 - 27. JS BOM之Screen对象

  Screen 对象包含有关客户端显示屏幕的信息。我们可以根据相关信息来优化页面的显示方式，以达到用户对网站访问的要求，但在实际工作中，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 返回用户屏幕实际的水平DPI
• screen.deviceYDPI 返回用户屏幕实际的垂直DPI
• screen.logicalXDPI 返回用户屏幕屏幕逻辑的水平DPI
• screen.logicalYDPI 返回用户屏幕屏幕逻辑的垂直DPI
• screen.updateInterval 读、写以毫秒表示的屏幕刷新时间间隔

  window.screen属性和它引用的Screen对象都是非标准但广泛实现的。可以用Screen对象来确定Web应用是否运行在一个小屏幕的设备上，比如上网本。如果屏幕空间有限，可能要选择用更小的字体和图片等。

---

  感谢大家的观看，点赞和收藏，我们下篇博客再见，麻烦动动您的小手帮忙点个赞和收藏，这对博主而言十分重要，谢谢！

每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。
转载请附带作者信息及出处。您的评论和关注是我更新的动力!

每篇文章纯属个人经验观点，如有错误疏漏欢迎指正。转载请附带作者信息及出处。您的评论和关注是我更新的动力!
请大家关注我的微信公众号，我会定期更新前端的相关技术文章，欢迎大家前来讨论学习。

都看到这里了，三连一下呗~~~。点个收藏，少个 Bug 。