首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【说站】css样式单位px,em,pt,ex,pc,in,mm,cm详解

其实css中的长度单位有px、em、pt、in、ex、pc、mm、cm、ch、rem、vw、vh、vmin、vmax。下面品自行将对这些css样式的长度单位做详细说明。...css容器的大小我们经常用px做单位;字体大小(font-size)很多人用px做单位,其实用px做字体单位唯一的致命缺点就是在IE下无法用浏览器字体缩放的功能。 2、em:相对长度单位。...3em 表示当前字体大小的 3 倍 3、pt:点(Point),绝对长度单位。可以尝试和下面的in英寸进行对比,1pt = 1/72 of 1in; 4、ex:相对长度单位。相对于字符“x”的高度。...国人常用的尺寸; 9、ch:相对长度单位。相对于 "0"(零)的宽度; 10、rem:相对长度单位。相对于根元素的字体大小(font-size); 11、vw:相对长度单位。...长度由一个数字和单位组成如 8px,2em,10in,7pt,20pc等等。 数字与单位之间不能出现空格。如果长度值为 0,则可以省略单位

2.5K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS:绝对单位、相对单位

    % %(百分比)应该是我们最好理解的单位了,这里就不多解释了,主要有一点需要注意: 如果对 html 元素设置 font-size 为百分比值,则是以浏览器默认的字体大小16px为参照计算的(所有浏览器的默认字体大小都为...rem 和 em 一样,rem 也是一种相对单位,不过不一样的是 rem 是相对于根元素 html 的 font-size 来计算的,所以其参照物是固定的。...来计算的,所以如果改变 html 的 font-size 值,那么所有使用的 rem 单位的大小都会随着改变,这对于移动端适应各种屏幕大小来说还是有点作用的。...html { font-size: 625%; /* 相当于100px = 625% * 16px */ } div { font-size: 20px; width: 2rem; /* 2rem...相对于 em 来说,rem 只需要修改 html 的 font-size 值即可达到全部的修改,即所谓的牵一发而动全身。

    2.1K20

    EX Kernel Manager Pro【EX内核管家】,优化你的手机,延长使用寿命!

    内容简介 EX Kernel Manager「EX内核管家」是一款强大手机内核管理工具,通过多种方式来延长手机硬件寿命,优化手机使用模式,最大化您的硬件运行状态,美丽优化质感设计用户界面。...EX Kernel Manager「EX内核管家」功能: 信息面板:应用程序内主页,仪表板总结当前设置和显示实时CPU和GPU的频率,温度,存储器使用率,正常运行时间,深度睡眠,电池水平和温度,调速器,...下载 公众号后台回复关键词 190713 网站下载【阅读原文】:http://www.38hack.com/6908.html 好了,以上就是今天的分享了!...---- 软件来源: EX Kernel Manager Pro「EX内核管家」v5.15 for Android 直装破解专业版 | 软件库 导读: Android浏览器全网视频免费看!

    3.2K30

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券