JS中得获取宽度的方法实例

来源：懂视网责编：小采时间：2020-11-27 20:22:52

JS中得获取宽度的方法实例

JS中得获取宽度的方法实例:window与document的这些属性的值会不太兼容，会在后面补充说。一下效果展示忽略IE9之前浏览器，主要考虑主流浏览器与手机端的效果。可以获得宽度与高度的属性clientHeight 与clientWidth 指元素的客户区大小，即可见内容区+padding #t1{ wi

推荐度：

点击下载本文 文档为doc格式

导读JS中得获取宽度的方法实例:window与document的这些属性的值会不太兼容，会在后面补充说。一下效果展示忽略IE9之前浏览器，主要考虑主流浏览器与手机端的效果。可以获得宽度与高度的属性clientHeight 与clientWidth 指元素的客户区大小，即可见内容区+padding #t1{ wi

综上：抛弃document.body的用法，使用document. documentElement。

window.innerWidth与document. documentElement.clientWidth用哪个？
接下来说的是不为网页添加meta标签的效果，添加标签的我觉得应该另外写一篇，因为会涉及到自适应的知识。
我做了再安卓机浏览器，iPhone的safari浏览器以及这两种手机内微信内访问网页运行的qq浏览器的测试。
测试结果肯定是不统一的。
测试前提：不为页面设置固定的宽度，不设置meta标签。
测试结果：