【html5】移动终端开发的相关知识

【html5】移动终端开发的相关知识本文来源于：博看文思HTML5教学培训中心移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1）CSSpixels与devicepixelsCSSpixels：浏览器使用的抽象单位，主要用来在网页上绘制内容。devicepixels：显示屏幕的的最小物理单位，每个dp包含自己的颜色、亮度。等值的CSSpixels在手机屏幕上占多大的位置，这不是固定的，这取决于很多属性。经过分析和总结，我们可以得出这么一条公式：1CSSpixels=（devicePixelRatio）^2devicepixels（^2是平方的意思，至于devicePixelRatio是什么东西，后面会讲解）。（2）PPI/DPIPPI，有时也叫DPI，所表示的是每英寸所拥有的像素（pixel）数目，数值越高，即代表显示屏能够以越高的密度显示图像。（注：这里的像素，指的是devicepixels。）搞清楚了PPI是什么意思，我们就能很容易理解PPI的计算方式了，我们需要首先算出手机屏幕的对角线等效像素，然后处以对角线（我们平常所说的手机屏幕尺寸说的就是手机屏幕对角线的长度），就可以得到PPI了。准确的计算公示大家可以参照下图。比较有意思的是，根据公式计算出来的iPhone4的PPI为330，要比苹果官方公布的326要高一点点。