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  静候良机  阅读(710)  评论(0编辑  收藏  举报