Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
628 views
in Technique[技术] by (71.8m points)

关于前端图片拖动缩小放大功能的问题

问题描述

TIM图片20200525140621.png

使用了CSS中的 transform: scale() 方法进行缩放功能
但是发现父级元素缩放发生变化,所有的子元素都会跟着一起

问题出现的环境背景及自己尝试过哪些方法

尝试过给子元素 transform: none; 但是无效,还是会变
尝试过给子元素 transform: (1,1); 但是无效,还是会变

相关代码

TIM图片20200525140627.png

你期待的结果是什么?实际看到的错误信息又是什么?

想让图片缩放时 旁边的按钮不会发生缩放变化, 而且是跟随着图片位置不变


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

因为你的scale是放在view上的,所以view里面的都改变了。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...