面试题rem、em、vw\vh、px的含义

这些都是长度单位

  • rem
    是相对于根元素的,通常的做法是在html元素设置一个font-size属性,其他的元素大小都是相对于根元素大小来计算的
  • em
    是相对于父元素的,当使用width、height、padding、margin时,如果是用em做单位,此属性的大小是相对于该元素的font-size属性
  • vw\vh
    全称viewport weight \ viewport height,视窗的大小约为屏幕大小1%,设置宽度的时候建议使用%作为单位,设置高度的时候建议使用vh作为单位
  • px
    像素的意思,像素的大小和屏幕的分辨率有关

猜你喜欢

转载自blog.csdn.net/weixin_44206561/article/details/107979290