解读不同ppi设备对页面构建设计的影响.pptx

解读不同PPI设备对页面构建/设计的影响Alon Guo2012-04-09声明本文纯属虚构，未在实践中检验，如有误导，请别入歧途背景移动和非移动的设备间的界限越来越模糊了，我们有平板电脑和上网本，他们介于手机和桌面电脑之间，甚至我们使用其他的设备，比如游戏机来浏览网页，这些设 备有不同的屏幕尺寸，分辨率和像素密度.在这么多屏幕尺寸不同的设备上显示网站而不去为移动版本写单独样式的方法就是使用css媒体介质查询技术，特别是 min-device-width and max-device-width 查询技术。现在Ipad3 来了，在这块 9.7 英尺的的屏幕上，拥有比大多数桌面显示器更高的像素点。还有Kindle 2 有 167 PPI， iPhone 3G 有 164 PPI，Kindle DX 有 150 PPI，iPad 则有 132 PPIPPI 概念　PPI即每英寸所拥有的像素数目。pixels per inch所表示的是每英寸所拥有的像素（pixel）数目。 如：iphone4+ 采用的是retina（视网膜）屏幕，号称在目前市面的手机屏幕中分辨率最高，其3.5英寸的显示屏分辨率竟然高达960*640，也就是329ppi，超越人眼所能看到的极限300ppi。 其实计算方法很简单，用长跟高的像素数计算出对角方向的像素数（直角三角形，计算方法就不用多说了），然后再用对角的像