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
posted @ 2015-01-20 08:07  静候良机  阅读(725)  评论(0)  编辑  收藏  举报