请问老师关于视频两个问题

来源:15-4 浏览器缩放时锁定屏幕宽高比功能开发

hy_wang

2020-09-26

老师我想请问下视频中这里好像是没有用的,

为什么要在onResize事件中重新调用init()

http://img.mukewang.com/szimg/5f6f493909ec5ed408840272.jpg

这里的initSize完全是多余啊,

originalWidth和orginal一开始就确定了,

以及width和height如果用户传入了值那么就是确定的,也不会随着resize事件变化而值发生改变。

如果没有传入在mounted中已经给元素赋值了style属性的width和height,同样也不会随着resize浏览器放大缩小而变化。

这里的initSize重新调用是不是完全没有用途,我理解是这样的请问对吗,还是说有其他什么用途?


还有一个问题就是关于position:fixed这个属性,也是没有必要啊,fixed是为了解决想让元素真实宽高不随缩放变化而变化吗?已经显示赋值了style的宽和高那么肯定不会变化。为什么还要fixed呢?

写回答

1回答

扬_灵

2020-09-27

同学你好,关于initSize我上午测试了一下,我理解initSize重新调用是没有用途,效果和你上面说的是一样的,设置fixed是因为我们给容器组件设置缩放之后,容器会进行位移,使用fixed是为了锁定显示范围。

0
2
扬_灵
回复
hy_wang
fixed定位是锁定显示范围,transform-origin 属性用来设置 transform 变换的基点位置。默认情况下,基点位置为元素的中心点. 将容器内容锁定显示。
2020-09-28
共2条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程