美文网首页
CSS单位详解

CSS单位详解

作者: Knight52033 | 来源:发表于2019-07-25 15:16 被阅读0次

浏览器支持情况


CSS单位——相对长度

    em: 相对父元素 

    rem: 相对于根元素。

    ex: 相对于字符“x”的高度。通常为字体高度的一半。

    ch: 数字“0”的宽度。

    vw: 1vw=视窗宽度的1%。

    vh: 1vh=视窗高度的1%。

    vw vh详解

    vmin: vw和vh中较小的那个。

    vmax: vw和vh中较大的那个。

    %: 相对于包含它的最近的父元素的高度和宽度的百分比。


CSS单位——绝对长度


参考链接:https://www.runoob.com/cssref/css-units.html

                  http://caibaojian.com/css3/values/length/ex.htm

                  https://www.cnblogs.com/nannan1221/p/10772977.html

                  https://www.cnblogs.com/luxiaoxing/p/7544375.html

相关文章

  • CSS单位详解

    浏览器支持情况 CSS单位——相对长度 em: 相对父元素。 rem: 相对于根元素。 ex: 相对于字符“x...

  • css 长度单位 详解

    0. 单位解释 参考: https://www.w3school.com.cn/cssref/css_units....

  • css flex布局详解

    css flex布局详解 css flex布局详解1css flex布局详解2

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • web前端基础案例-鼠标悬停图文切换效果

    效果知识点: html/css布局思维,定位,浮动详解,css3动画详解,css3选择器详解, 通用样式与封装,企...

  • CSS入门13-单位详解

    (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...

  • 1. CSS常见单位详解

    css种的单位整体可以分成两类: 绝对长度单位(Absolute length units); 相对长度单位(...

  • CSS文章整理

    CSS Module CSS Modules 详解及 React 中实践CSS Modules 用法教程

  • CSS hack 原理

    参考文章: CSS hack大全&详解(什么是CSS hack) 要点总结: css hack 原理是:依据不同浏...

  • 2018-09-19 css核心属性

    DAY4:CSS核心属性 学习目标 1、css浮动属性详解 2、css文本属性 3、css列表属性 4、css背景...

网友评论

      本文标题:CSS单位详解

      本文链接:https://www.haomeiwen.com/subject/ruhhrctx.html