关于viewport的几个width
2015-12-07 15:31
225 查看
直接进入主题
1.viewport尺寸:浏览器窗口尺寸。
document.documentElement.clientWidth/Height;随浏览器大小变化而变化,但宽度不包含滚动条宽度。
2.浏览器内部尺寸。
window.innerWidth/Height;随浏览器大小变化而变化,宽度包含滚动条宽度。
3.用户屏幕尺寸。
screen.width/height;用户不更换显示屏,尺寸就不会变化。
4.zoom level 缩放比例。
screen.width/widow.innerWidth
5.事件出发点的X、Y坐标。
client.pageX/Y:从html远点到事件被触发点;//99%用; clientX/Y:从浏览器窗口到事件被触发点;//0.99%用; screenX/Y:从显示器到事件被触发点;//0.01%用;
6.layoutviewport与visualviewport。
layoutviewport:布局viewport,永远不会变,就是你写的页面。
visualviewport:虚拟viewport,就是设备的屏幕大小,相同比例只能看到你写的页面的一部分,但可以通过缩小来查看你写的页面的全部。
参考:http://www.w3cplus.com/css/viewports.html
阅读更多相关文章推荐
- 关于<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc..
- css3关于device-width /Viewport
- 一些关于Viewport与device-width的东西~
- html5 viewport-关于<meta name="viewport" content="width=device-width, initial-scale=1.0">的解释
- 关于 <meta name="viewport" content="width=device-width, initial-scale=1.0">的解释
- 关于<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc..
- 一些关于Viewport与device-width的东西~
- 关于使用kettle4.3版本的几个小问题
- 关于Django Web应用架构设计开发的几个问题
- 关于java流的几个概念:IO、BIO、NIO、AIO,有几个人全知道?
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- 关于app签名的几个命令
- iOS开发中关于像素的几个概念
- 关于光纤通道存储交换机的几个问题
- 一边走路一边学习 关于struct和class的区别等几个知识点总结
- 关于Shell脚本编程不得不知的几个细节
- 关于指针的几个错误用法
- 黑马程序员_关于循环中断的几个命令
- flex中关于内存释放几个注意的地方(zz)
- 几个关于sql的英文简写