自学内容网 自学内容网

CSS常用的尺寸单位

像素px

  • 以屏幕上的一个点为单位,比较稳定和精确
  • 用的最多

em

  • 以字体大小为参考,(是自身字体大小的倍数)
  • 当自身的字体大小改变时,em也会随着改变
  • em * font-size = px

rem

  • 以根元素 < html > 作为参考,是根元素大小的倍数
  • 不受父元素和本身的字体大小的影响
  • 可以通过改变 < html > 标签的字体的大小就改变所有的以rem为结尾的元素的字体的大小。

百分比单位

  • 以父元素作为参考,子元素的大小为父级的百分比(宽百分比,高百分比)
  • 当父元素改变时,使用百分比做单位的元素会跟着改变

原文地址:https://blog.csdn.net/qq_56807425/article/details/144412115

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!