@a06062125
2017-02-09T14:25:15.000000Z
字数 1023
阅读 303
移动开发
分辨率(Screen resolution): 指显示器能显示的像素数,即所有经纬线交叉点的数目。以像素数(点)来计量,如640*480=307200像素。
分辨率不仅与与显示尺寸有关,还受显像管点距、视频带宽等影响,其中,和刷新频率的关系比较密切.
像素密度(PPI: Pixels Per Inch): 每英寸屏幕所拥有的像素数。像素密度越大(同样的分辨率,屏幕的尺寸越小),显示画面细节越丰富。
ppi≥300的叫超高密度屏幕,苹果给它换了个高大上的名称:Retina视网膜屏幕。
屏幕的清晰度是由分辨率和屏幕尺寸 共同决定,用像素密度衡量更加准确。
像素密度 PPI =
设备像素比DPR = 设备像素/ 设备独立像素
screen.width/height:设备独立像素/屏宽,放缩不变;【 测试JS:document.write(“Total Width: ” + window.innerWidth);】
window.innerWidth:视觉区域宽度visual viewport;device-width值(ideal viewport,多为360)可用window.innerWidth来获取。
document.documentElement.clientWidth:layout viewport;
window.devicePixcelRatio:设备像素比DPR。