视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JS中得获取宽度的方法实例
2020-11-27 20:22:52 责编:小采
文档

综上:抛弃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视频教程

    下载本文
    显示全文
    专题