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

移动端与PC端的viewport

时间:2014-08-09 15:32:08      阅读:1698      评论:0      收藏:0      [点我收藏+]

标签:android   style   http   使用   os   io   strong   问题   

  • 设备像素,就是我们直觉上觉得"靠谱"的像素,这些像素为所使用的各种设备提供了正规的分辨率,并且其值可以通过(通常情况下)从screen.width/height属性中读出;
  • css像素,就是css自定义的像素,需要注意的是css像素与设备像素不是一回事;

 

如何获取屏幕的尺寸:

 可以通过使用screen.width/height来获取,获取出来的值就是用户屏幕的整体大小;

度量单位:设备像素;

浏览器:IE7&IE8都存在以css像素对其进行度量的问题;

注意:在ios和android会存在不同的区别;

 

窗口尺寸:

window.innerWidth/Height , 浏览器窗口的整体大小,包括滚动条,当然不包括浏览器的菜单栏,地址栏,度量单位:css像素,浏览器IE7不支持,opera以设备像素进行度量。

 

参考文章:详情请见于此处

移动端与PC端的viewport,布布扣,bubuko.com

移动端与PC端的viewport

标签:android   style   http   使用   os   io   strong   问题   

原文地址:http://www.cnblogs.com/shuman/p/3900854.html

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