码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-01-20 08:56:01      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:

  • 基本
    <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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!