视频里initial-scale放大缩小是不是说反了

视频里initial-scale放大缩小是不是说反了

老师,视频里initial-scale放大缩小是不是说反了

经测试,initial-scale=2 界面内容缩小了,相同视口,能显示2倍内容

initial-scale=0.5 界面内容放大了,相同视口,只能显示一半内容


另vw 指的是布局视口还是视觉视口,应该是指布局视口吧

initial-scale=0.5 界面内容放大,只能显示一半内容(相对initial-scale=1时),那么此时的放大后的界面是不是叫布局视口,而手机屏幕叫视觉视口?



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

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

1回答
好帮手慕慕子 2022-07-04 18:09:52

同学你好,问题解答如下:

1、没有说反。可以参考如下解析理解:

(1)initial-scale = 2 时,布局视口放大了,所以在视觉视口中只能显示部分的内容。如下:

https://img1.sycdn.imooc.com//climg/62c2bb9009a44fe318050883.jpg

(2)initial-scale = 0.5时,布局视口缩小了,所以可以在视觉视口中看到全部的内容,且内容比较小,如下:

https://img1.sycdn.imooc.com//climg/62c2bbe4095702a416110852.jpg

2、vw指的是参考视觉视口。

3、initial-scale=0.5  布局视口缩小了,视觉视口能够显示完整的内容,同学可以再测试下。

4、initial-scale调整的是布局视口的放大与缩小。手机屏幕对应的是视觉视口。

祝学习愉快~

  • 提问者 慕标5017459 #1

    https://img1.sycdn.imooc.com//climg/62c2bf5d0919532516390855.jpg

    https://img1.sycdn.imooc.com//climg/62c2bf650959845c15630739.jpg

    https://img1.sycdn.imooc.com//climg/62c2bf6d096ed88315460815.jpg

    我这边测试效果怎么跟老师是相反的,如图所示

    2、vw指的是参考视觉视口。 参考视口是指什么视口?

    2022-07-04 18:23:40
  • 好帮手慕慕子 回复 提问者 慕标5017459 #2

    同学你好,问题解答如下:

    1、建议同学再测试下,每次修改完代码后,点击下图所示按钮

    https://img1.sycdn.imooc.com//climg/62c2c0e30971090e03620111.jpg

    重新由pc端切换到手机模式下查看效果。

    2、视觉视口

    https://img1.sycdn.imooc.com//climg/62c2c0ff0998824d05010059.jpg

    祝学习愉快~


    2022-07-04 18:29:29
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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