单位——px,%,em,rem,vw,vh,vm,wmin,vmax

  • px
    最常用,相对屏幕的分辨率而言的相对单位

  • %
    一般相对父元素而言

  • em,rem
    em相对父元素的font-size
    rem相对根元素(html)的font-size

  • vw,vh
    vw相对屏幕可视区域的宽度而言,若屏幕宽1000px则1vw=1000 / 100 = 10px
    vh相对屏幕可视区域的高度而言,和vw同,高度 / 100

  • vm,vmin,vmax
    vm和vmin相同,vm兼容性差,相对宽和高中最小的那一个而言,(width > height ? height : width) / 100
    vmax恰恰相反,取宽和高中最大的那一个,再除以100,(width > height ? width :height) / 100

posted on   In-6026  阅读(287)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2021-01-29 JS数组元素去重
点击右上角即可分享
微信分享提示