innerwidth和outerwidth的问题

innerwidth和outerwidth的问题


617226772819eaec05001000.jpg

innerwidth和outerwidth和clientwidth都表示那一部分的尺寸呢,老师可以标注出来吗,为什么outerwidth比innerwidth还小呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2021-10-22 17:55:25

同学你好,解答如下:

1、+是拼接作用,最后输出内容全部是字符串类型。逗号(,)不是拼接作用,逗号分隔是输出多个内容的意思,所以会以默认数字类型输出

2、同学是怎么测试outerWidth比innerWidth小的呢?老师这边测试视口缩放的时候outerWidth是小的
https://img1.sycdn.imooc.com//climg/61728a590912e1f603190091.jpg

https://img1.sycdn.imooc.com//climg/61728a6a0989b87b02920114.jpg

不过不建议这样测试哦,一般我们不会去缩放页面。

如果同学不是这样测试的,建议描述具体一些,便于帮助解决。

好帮手慕星星 2021-10-22 11:53:34

同学你好,outerWidth一般不会比innerWidth小。如下:

当满屏的时候,innerWidth与outerWidth相等,clientWidth差值滚动条宽度

https://img1.sycdn.imooc.com//climg/617233b10947d0eb19200627.jpg

当不是满屏的时候,浏览器默认有外阴影,可能看太清晰,但是是存在的,innerWidth与outerWidth差值16px左右。clientWidth仍然与innerWidth差值滚动条宽

https://img1.sycdn.imooc.com//climg/6172335f09c6bd2211840625.jpg

自己再测试下,祝学习愉快!

  • 提问者 qq_慕仰20210716 #1

    https://img1.sycdn.imooc.com//climg/617279590995582d08110110.jpg


    https://img1.sycdn.imooc.com//climg/617279810966cba003240118.jpg

    如果可以的话,那么第一个数字就不能边蓝了,老师。我的测试之后还是发现innerwidth和outerwidth的值不一样,而且outer的值小于inner

    2021-10-22 16:43:47
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师