精选圈子榜单优站

px、em、rem的区别


  1. px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的
  2. em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸
  3. em会继承父级元素的字体大小
  4. rem是CSS3新增的一个相对单位(root em,根em),这个单位引起了广泛关注。这个单位与em有什么区别呢?
  5. 区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素
  6. vh和vw 相对于视口的高度和宽度,1vh等于1/100的视口高度,1vw等于1/100 的视口宽度,比如:浏览器高度900px,宽度为750px, 1vh=900px/100=9px,1vw = 750px/100=7.5px;很容易实现与同屏幕等高的框。

  • 若文章侵犯了您的权益,请联系站长处理:nemo@link-nemo.com

  • 2020-03-04
  • 502阅读
评论