平时遇到的一些css写法

1.scale后的居中操作

dom被scale后，由于缩小的中心点默认选在了中间，会造成一定的偏移

{
    transform: 'scale(0.9) translate(-50%)';
    position: 'absolute';
    left: 50%;
    transform-origin: '0 0 0' // 缩小点选在左上方
}

2.右边文字随着左边图片变小而适配

.image {
    width: auto;
    height: 162px;

    .image-pic {
      width: 216px;
      max-width: 216px; // 限制图片最大宽度
      height: 100%;
      border-radius: 4px;
    }
}

.container {
    width: 100%; // 右边容器宽度设置100%
    height: 162px;
    // padding: 0 10px;
  }

  .text {
    width: auto;
    height: 162px;
    min-width: 510px;

    .bottom-wrap {
      width: 100%; // 下方按钮设置100%宽
      height: 48px;
    }
  }

by 2020/4/21 19:10:20
今天就想到这两个，先就写这么多: )