移動端1px

筆記

比較好的方法是才用css僞類加縮放來解決

單條border

.shop_select {
      height: 30px;
      width: 30px;
      position: relative;
      &:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        background: #dddddd;
        width: 100%;
        height: 1px;
        transform: scaleY(0.5);
        transform-origin: 0 100%;
      }
複製代碼

4條border

.show_wrap {
            position: relative;
            height: 80px;
            width: 80px;
            &:after {
              position: absolute;
              content: '';
              top: 0;
              left: 0;
              border: 1px solid #dddddd;
              box-sizing: border-box;
              width: 200%;
              height: 200%;
              transform: scale(0.5);
              transform-origin: left top;
            }
複製代碼