rem计算

166 阅读1分钟

640

  • 如果设计稿是640px, 那么dpr屏幕像素比为640 / 2 = 320px, 逻辑像素为320px。
  • 又因为100vw = 320px, 那么1vw = 3.2px, 那么100px / 3.2 = 31.25vw

750

  • 如果设计稿是750px, 那么dpr屏幕像素比为750 / 2 = 375px,逻辑像素为375px。
  • 又因为100vw = 375px, 那么1vw = 3.75px, 那么100px / 3.75 = 26.67vw

1080

  • 如果设计稿是1080px,那么dpr屏幕像素比为1080 / 3 = 360px,逻辑像素为360px。
  • 又因为100vw = 360px, 那么1vw = 3.6px, 那么100px / 3.6 = 27.78vw