移动设备的用户越来越多，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。
一、基本概念（1）CSSpixels与devicepixelsCSSpixels：浏览器使用的抽象单位，主要用来在网页上绘制内容。
devicepixels：显示屏幕的的最小物理单位，每个dp包含自己的颜色、亮度。
等值的CSSpixels在手机屏幕上占多大的位置，这不是固定的，这取决于很多属性。经过分析和总结，我们可以得出这么一条公式：1CSSpixels=（devicePixelRatio）^devicepixels（^是平方的意思，至于devicePixelRatio是什么东西，后面会讲解）。
（）PPI/DPIPPI，有时也叫DPI，所表示的是每英寸所拥有的像素（pixel）数目，数值越高，即代表显示屏能够以越高的密度显示图像。（注：这里的像素，指的是devicepixels。）搞清楚了PPI是什么意思，我们就能很容易理解PPI的计算方式了，我们需要首先算出手机屏幕的对角线等效像素，然后处以对角线（我们平常所说的手机屏幕尺寸就是说的手机屏幕对角线的长度），就可以得到PPI了。准确的计算公示大家可以参照下图。比较有意思的是，根据公式计算出来的iPhone4的PPI为0，要比苹果官方公布的6要高一点点。
同理，以HTCG7为例，*的分辨率，.7英寸，算出来就是5的PPI。
（）密度决定比例我们计算PPI就是为了知道一部手机设备是属于哪个密度区间的，因为不同的密度区间，对应着不同的默认缩放比例，这是一个很重要的概念。
由上图可知，PPI在10-之间的手机被归为低密度手机，-40被归为中密度，40-0被归为高密度，0以上被归为超高密度（Apple给了它一个上流的名字——retina）。
这些密度对应着一个特定的缩放比例值，拿我们最熟悉的iphone4或4s来说，它们的PPI是6，属于超高密度的手机。当我们书写一个宽度为0px的页面放到iphone中显示，你会发现，它竟然是满宽的。这是因为，页面被默认放大了两倍，也就是px，而iphone4或4s的宽，正是px。
图中把高密度的一类圈起来，是因为这是android手机的统计数据，在国内安卓手机市场中，高密度的设备占了绝大多数的市场份额，这是很重要的一点，也是我们做安卓端webapp要注意的关键点。
（4）viewport的使用（可查看8期关于viewport的详细介绍，回复“8”）viewport总共有5个属性，分别如下：
metaname=viewportcontent=height=[pixel_valuedevice-height],width=[pixel_value
device-width],initial-scale=float_value,minimum-scale=float_value,maximum-scale=float_value,user-scalable=[yes
no],target-densitydpi=[dpi_value
device-dpi
high-dpi
medium-dpi
low-dpi]/
在这些属性里面，我们重点北京白癜风可以治好吗北京白癜风医院治疗方法