CSS中的1px 并不等于设备的1像素。我们使用Axure 生成的原型是由HTML+CSS+JavaScript 构成的。在CSS中，通常使用px（pixel的缩写，即像素）作为单位，在桌面浏览器中，CSS的1px往往都是对应着电脑屏幕的一个物理像素，这就是造成我们产生误解的原因：CSS中的px就是设备的物理像素。但实际情况并非如此，CSS中的像素只是一个抽象的单位，在不同的设备或不同的环境中，CSS中的1px 所代表的设备物理像素是不同的。在为桌面浏览器设计的网页中，这样理解是正确的，但在移动设备上并非如此，各位读者必须清楚这一点。在较早期的移动设备中，屏幕的像素密度都比较低，比如iPhone3，它的屏幕分辨率是320×480像素。在iPhone3上，CSS中1px确实是等于一个屏幕物理像素的。但是随着技术的发展，移动设备的屏幕像素密度越来越高，从iPhone4开始，苹果公司便推出了Retina 屏幕，分辨率提高了一倍，变成640×960像素，但屏幕尺寸却没变化（在大家使用iPhone4截取屏幕时就能深切体会到这一点，屏幕截图尺寸是640×960像素，截图的尺寸比视觉上看到的屏幕尺寸大出了一倍）。也就是说，在同样大小的屏幕上，像素却高出了一倍。此时， CSS中1px就等于两个物理像素。

其他品牌的移动设备也是这个道理。例如，安卓设备根据屏幕像素密度可分为ldpi、mdpi、hdpi、xhdpi 等不同的等级，分辨率也是五花八门。安卓设备上的CSS中1px相当于多少个屏幕物理像素，也因设备的不同而不同，没有一个标准。

还有一个因素，昆明网站制作小编认为也会引起CSS中px的变化，那就是用户缩放。例如，当用户把页面放大一倍，那么CSS中1px 所代表的物理像素也会增加一倍；反之把页面缩小一倍，CSS中1px 所代表的物理像素也会减少一倍。

看到这里，相信大家心中的谜团已经解开了。大家根据本节内容的讲解也可以深入理解“包含视图接口标记”（Include Viewport Tag）是何含义了。

关于移动设备中Viewport的专业文献，各位读者可参考PPK的文章，受篇幅所限，这里不再赘述，请参考网址：http://www.quirksmode.org/。

为了方便各位读者更加清晰、便捷地设计适用于不同屏幕尺寸的APP 原型，昆明网站建设小编在附录中列出了APP 原型尺寸速查表。