手机viewport：如何计算缩放比
时间:2014-07-22 21:46 来源: 我爱IT技术网 作者:山风
【手机viewport：如何计算缩放比】
计算缩放比，首先要确定缩放的对象是什么，第二个就是要知道缩放之后要等于什么。只要搞明白，这个缩放比就很好算了。
缩放的对象无疑就是页面宽度，缩放之后要使页面宽度等于掌上设备的物理宽度，假设缩放比为scale，那么 页面宽度 * scale = 设备物理宽度，这里有个问题，要公式成立，等式两边必须要统一单位，可以是cm，in，CSS Pixels..其中一种，只要单位统一就行，但是在实际操作上，获取页面宽度的cm，in等物理长度值是不方便的
此时，我们可以考虑使用CSS Pixels做等式两边的统一单位，因为获取页面宽度的CSS Pixels值是再简单不过了，于是将公式写精确：页面宽度(CSS Pixels) * scale = 设备宽度(CSS Pixels)。而设备宽度(CSS Pixels) = 设备分辨率/像素密度。
至此scale = 设备分辨率 / 像素密度 / 页面宽度(CSS Pixels)，如果是竖屏，设备分辨率是取横向的分辨率，如果是横屏，则取纵向的分辨率。
虽然计算缩放比的公式出来了，但是设备分辨率是不容易拿准确的。
本文来源 我爱IT技术网 http://www.52ij.com/jishu/11998.html 转载请保留链接。
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-