HTML5[2]:使用viewport控制手机浏览器布局

• 基本
  

  <meta name="viewport" content="width=device-width, initial-scale=1">
  1920x1080的手机，对于html5的页面来讲，获得的device-width,一般是420px，这个值是经过浏览器转换过的，与屏幕像素宽度不同

• A pixel is not a pixel
  html5页面中使用px，是经过转换的，一般是有多个screen像素组成一个html5页面像素，相当于android里的dp

• html5 css pixel = screen.width / devicePixelRatio

HTML5[2]:使用viewport控制手机浏览器布局

原文：http://www.cnblogs.com/iihe602/p/4235158.html