css3缩放 transform: scale() 使用缩放之后顶点对齐问题

发布时间 2023-06-25 14:23:26作者: 阿宇爱吃鱼

css3缩放 transform: scale() 使用缩放之后顶点对齐问题

注意点:想要将缩放之后的div对齐顶点,那么需要将css属性设置为:transform-origin: 0 0

<div style="width: 900px; height: 900px; background: gray; overflow: auto;">
  <div style="width: 3000px; height: 3000px; background: indianred; margin: 20px; transform: scale(0.5); transform-origin: 0 0;"> </div>
</div>