web window pixel等笔记
Posted 慕容小凡
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web window pixel等笔记相关的知识，希望对你有一定的参考价值。
原文：http://www.w3cplus.com/css/viewports.html
屏幕尺寸 Screen size =显示器尺寸
screen.width 和 screen.height。这两个属性包含了用户屏幕的完整宽度高度。这些尺寸使用设备的pixels来定义，他们的值不会因为缩放而改变：他们是显示器的特征，而不是浏览器著作权归作者所有。
浏览器尺寸 Window size = 浏览器尺寸
window.innerWidth/Height
- 含义：包含滚动条尺寸的浏览器完整尺寸
- 度量：CSS的pixels
- 兼容性问题：IE不支持，Opera用设备pixels来度量
相反的，你想要知道的浏览器的内部尺寸。它定义了当前用户有多大区域，可供你的CSS布局占用。你可以通过window.innerWidth 和 window.innerHeight来获取
window.pageXOffset 和 window.pageYOffset，定义了页面(document)的相对于窗口原点的水平、垂直位移。因此你能够定位用户滚动了多少的滚动条距离。
度量viewport Measuring the view port
document. documentElement. clientWidth/Height
- 含义：viewport的尺寸
- 度量：CSS的pixels
- 兼容性问题：无
你也许想要知道viewport的尺寸，他们可以通过document. documentElement. clientWidth/Height来获取。
滚动位移 scrolling offset
window.pageX/YOffset
- 含义：见描述
- 度量：CSS的pixels
- 完整支持：iPhone, android, Symbian, Iris, MicroB, Skyfire, Obigo
- 问题：
- Opera, Bolt, Firefox, and NetFront 总是返回 0.
- 三星的Webkit核心浏览器，仅当在页面上写入标签，才正确表示。
- 不支持： IE，它使用document. scrollLeft/Top来表示
以上是关于web window pixel等笔记的主要内容，如果未能解决你的问题，请参考以下文章
论文笔记：Swin Transformer: Hierarchical Vision Transformer using Shifted Windows