请问各位，这个选座区域如何可以做到整体缩小？然后只让他包裹它的div可以缩放？类似淘票票选座一样

Question

尝试过transform scale 但是会跑到页面的中间。。
求各位大佬支招！

做到类似这种效果

只是中间区域可以放大

Answer 1

控制transform-origin就好了呀，点击时候JS读取点击的位置，然后控制缩放的中心位置就实现了

        transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform-origin: left center;
    -webkit-transform-origin: left center;

我写的这段CSS,只有前两行的时候，他缩放就是你说的效果，上下左右都有移动，但是我加上后面两句以后，他的效果就是以左上角为缩放起点，右侧和底部挪动了，左侧上侧没有移动