css 设置transform: scale(1.4641)后,部分内容看不到

css yekong

vue项目开发中,需要对div进行放大缩小处理,这里使用的是transform: scale(1.4641),但是放大后滚动条滚到顶部,仍然有一部分内容看不到。

css 设置transform: scale(1.4641)后,部分内容看不到

解决办法

transform-origin 属性允许你改变元素变形的原点。默认情况下,这个原点是元素的中心,但你可以将其设置为顶部中心,这样缩放时顶部就不会向上移动。

.child-div {
  transform: scale(1.4641);
  position: relative;
  transform-origin: center top; /* 将变形原点设置为顶部中心 */
}

设置完transform-origin: center top;就可以正常看到顶部了。

css 设置transform: scale(1.4641)后,正常看到

喜欢