viewportSize:使用JavaScript获取CSS视口的大小

时间:2024-05-28 19:24:20
【文件属性】:

文件名称:viewportSize:使用JavaScript获取CSS视口的大小

文件大小:7KB

文件格式:ZIP

更新时间:2024-05-28 19:24:20

HTML

视口大小 允许您使用JavaScript获取CSS视口的宽度和高度。 作者:泰森Matanich - 执照:麻省理工学院 演示: : 更多信息: : 测试: : 我为什么要使用它? 大多数人依赖window.innerWidth , document.documentElement.clientWidth或$(window).width() ,它们并不总是准确地报告CSS媒体查询中使用的视口宽度。 例如,当可见滚动条时,WebKit浏览器会更改其CSS视口的大小,而其他大多数浏览器则不会。 由于window.innerWidth不管滚动条状态如何都保持不变,因此不是与Chrome或Safari一起使用的好选择。 此外,Internet Explorer 6、7和8不支持window.innerWidth 。 另一方面, document.documentElement


【文件预览】:
viewportSize-master
----viewportSize-min.js(784B)
----index.html(5KB)
----samples()
--------css()
----.gitignore(2KB)
----README.md(2KB)
----.gitattributes(483B)
----viewportSize.js(2KB)

网友评论