美文网首页
CSS中的尺寸单位

CSS中的尺寸单位

作者: 相信自己_胡 | 来源:发表于2018-07-10 16:43 被阅读0次

绝对单位

px: Pixel 像素
pt: Points 磅
pc: Picas 派卡
in: Inches 英寸
mm: Millimeter 毫米
cm: Centimeter 厘米
q: Quarter millimeters 1/4毫米

相对单位

%: 百分比
em: Element meter 根据文档字体计算尺寸
rem: Root element meter 根据根文档( body/html )字体计算尺寸
ex: 文档字符“x”的高度
ch: 文档数字“0”的的宽度
vh: View height 可视范围高度
vw: View width 可视范围宽度
vmin: View min 可视范围的宽度或高度中较小的那个尺寸
vmax: View max 可视范围的宽度或高度中较大的那个尺寸

单位比例

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

运算

calc: 四则运算
实例:
h1 {
    width: calc(100% - 10px + 2rem);
}

相关文章

  • CSS中的尺寸单位

    浏览器的兼容性越来越好,移动端基本是清一色的webkit,经常会用到css的不同尺寸/长度单位,这里做个整理。 概...

  • CSS中的尺寸单位

    绝对单位 相对单位 单位比例 运算

  • wxss和css的区别

    新增了rpx尺寸单位 css中需要手动进行像素单位换算,ps:rem wxss在底层支持新的尺寸单位rpx,在不同...

  • 微信小程序尺寸单位rpx以及样式相关介绍

    微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750...

  • CSS 尺寸单位大全

    常用 % 百分比 px 像素 (计算机屏幕上的一个点) em 相对于当前对象内文本的字体尺寸。例如:1em 等于当...

  • CSS常见的尺寸单位

    px(像素 ) 最常用的也是最基本的单位就是px,表示占多少像素值。页面默认是16像素。 em em也是经常用到的...

  • rpx和rem

    一、 rpx:全称“response pixel”,即响应式的px,rpx单位是微信小程序中css的尺寸单位,它可...

  • 最全的CSS尺寸单位介绍

    前端开发过程中,尺寸单位是我们必须用到的,下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介...

  • 小程序之WXSS

    WXSS和CSS区别有以下几个方面: 尺寸单位rpx 样式导入 内联样式 选择器 尺寸单位rpx rpx和rem相...

  • Web基础之CSS(二)

    CSS 单位尺寸: 颜色: 尺寸属性: width/height:宽高 overflow:当内容溢出元素框时如何处...

网友评论

      本文标题:CSS中的尺寸单位

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