豪特汽车网
您的当前位置:首页JS中得获取宽度的方法实例

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

来源:豪特汽车网


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

  • 属性安卓机iphone
    window.innerWidth980px980px
    ~.~.clientWidth980px980px
    属性安卓机微信iphone微信
    window.innerWidth320px980px
    ~.~.clientWidth980px980px

    总是会有捣蛋鬼。。
    综上:如果想要获得手机端页面的可视宽度,建议使用
    document. documentElement.clientWidth

    在下一篇,笔记中,会对这个属性在meta标签的不同设置下的值进行分析。

    BTW:我又回来,好好学习啦!

    【相关推荐】

    1. 免费js在线视频教程

    2. JavaScript中文参考手册

    3. php.cn独孤九贱(3)-JavaScript视频教程

    显示全文