screen对象用来表示客户端的能力，包括浏览器窗口外部显示器的信息，开发中并不常用
属性
每个浏览器中的screen对象都包含着各不相同的属性
属性 说明
height 屏幕的像素高度
width 屏幕的像素宽度
availHeight 屏幕的像素高度减去系统部件高度之后的值(只读)
availWidth 屏幕的像素宽度减去系统部件宽度之后的值(只读)
left 当前屏幕距左边的像素距离[firefox返回0，chrome和IE不支持]
top 当前屏幕距上方的像素距离[firefox返回0，chrome和IE不支持]
availLeft 未被系统部件占用的最左侧的像素值(只读)[chrome和firefox返回0，IE不支持]
availTop 未被系统部件占用的最上方的像素值(只读)[chrome和firefox返回0，IE不支持]
bufferDepth 读、写用于呈现屏外位图的位数[IE返回0，chrome和firefox不支持]
colorDepth 用于表现颜色的位数(只读)[IE8-返回32，其他浏览器返回24]
pixelDepth 屏幕的位深(只读)[IE8-不支持，其他浏览器返回24]
deviceXDPI 屏幕实际的水平DPI(只读)[IE返回96，chrome和firefox不支持]
deviceYDPI 屏幕实际的垂直DPI(只读)[IE返回96，chrome和firefox不支持]
logicalXDPI 屏幕逻辑的水平DPI(只读)[IE返回96，chrome和firefox不支持]
logicalYDPI 屏幕逻辑的垂直DPI(只读)[IE返回96，chrome和firefox不支持]
updateInterval 读、写以毫秒表示的屏幕刷新时间间隔[IE返回0，chrome和firefox不支持]
fontSmoothingEnabled 是否启用了字体平滑(只读)[IE返回true，chrome和firefox不支持]
常用属性
availHeight、availWidth
availHeight：屏幕的像素高度减去系统部件高度之后的值(只读)，代表屏幕可用高度，单位为像素
availWidth：屏幕的像素宽度减去系统部件宽度之后的值(只读)，代表屏幕可用宽度，单位为像素
console.log(screen.availHeight) // 728
console.log(screen.availWidth) // 1366
height、width
height: 屏幕的像素高度
屏幕的像素宽度
console.log(screen.height) // 768
console.log(screen.width) // 1366
screen.height和screen.width两个属性，一般用来了解设备的分辨率。除非调整显示器的分辨率，否则这两个值可以看作常量，不会发生变化