移动端与PC端的viewport

时间：2014-08-09 15:32:08 收藏：0 阅读：1698

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

如何获取屏幕的尺寸：

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

度量单位：设备像素；

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

注意：在ios和android会存在不同的区别；

窗口尺寸：

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