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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。