1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.border-1px {
  position: relative;

  &::before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    pointer-events: none;
    content: '';

    @media (min-device-pixel-ratio: 2) {
      width: 200%;
      height: 200%;
      transform: scale(.5);
    }

    @media (min-device-pixel-ratio: 3) {
      width: 300%;
      height: 300%;
      transform: scale(.33);
    }
  }
}