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>

 

posted @ 2020-12-01 22:25  叶子0321~  阅读(5807)  评论(0编辑  收藏  举报