HTML 中几种常见长度单位介绍

一：长度单位包括

1.相对长度单位包括：em, ex, ch, rem, vw, vh, vmax, vmin %

2.绝对长度单位包括：in,cm, mm, q, pt, pc, px

1.相对长度单位:

em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

ex：相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸

ch:数字“0”的宽度

rem:相对于根元素(即html元素)font-size计算值的倍数

vw:相对于视口的宽度。视口被均分为100单位的vw （1vw 等于视口宽度的1%）

(

当前浏览器宽度: 1500px

设计稿宽度：750px

html_font-size:100*100/750vw 10000/设计稿宽度 vw

即： html{

font-size:13.333vw;

}

)

vh:相对于视口的高度。视口被均分为100单位的vh （ 1vh 等于视口高度的1%）

vmax:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax

vmin:相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmax

注意：视口单位区别于%单位，视口单位是依赖于视口的尺寸，根据视口尺寸的百分比来定义的；而%单位则是依赖于元素的祖先元素。

2.绝对长度单位：

in：英寸（Inch），绝对长度单位

cm：厘米（Centimeter），绝对长度单位。

mm：毫米（Millimeter），绝对长度单位。

q: 1/4毫米

pt：点（Point），绝对长度单位。

pc：派卡（Pica），绝对长度单位。相当于我国新四号铅字的尺寸。

px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。

换算比例:

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

HTML 中几种常见长度单位介绍相关推荐

unity3d中画线有几种方式_Spring RestTemplate中几种常见的请求方式
原文 https://segmentfault.com/a/1190000011093597 在Spring Cloud中服务的发现与消费一文中,当我们从服务消费端去调用服务提供者的服务的时候,使用了 ...
Linux软件安装的几种常见方式介绍
Linux上的软件安装有以下几种常见方式介绍 1. 二进制发布包软件已经针对具体平台编译打包发布,只要解压,修改配置即可 2. RPM包软件已经按照redhat的包管理工具规范RPM进行打包发布, ...
Spring RestTemplate中几种常见的请求方式
关注公众号[江南一点雨],专注于 Spring Boot+微服务以及前后端分离等全栈技术,定期视频教程分享,关注后回复 Java ,领取松哥为你精心准备的 Java 干货! 在Spring Cloud ...
Spring RestTemplate中几种常见的请求方式GET请求 POST请求 PUT请求 DELETE请求
Spring RestTemplate中几种常见的请求方式原文地址: https://blog.csdn.net/u012702547/article/details/77917939 版权声明:本 ...
java简述常见的布局极其特点_请简要说明 Android 中五种常见布局的特点。_学小易找答案...
[简答题]请简要说明有序广播和无序广播的区别 [简答题]请简要说明 Android 程序结构中 AndroidManifest.xml 的功能? [简答题]简述李村站人工办理进路的作业过程. [简答题 ...
IoT物联网嵌入式设备中30种常见传感器模块简介及原理讲解
IoT物联网嵌入式设备中30种常见传感器模块简介及原理讲解 0.前言一.光学传感器模块: 1. 光敏传感器模块: 2. 红外避障模块 3. 循迹传感器模块 4. U型光电传感器模块 5. 红外接收模 ...
Java中 9 种常见的 CMS GC 问题分析与解决
目录 Java中 9 种常见的 CMS GC 问题分析与解决 1. GC 1.1 引言 1.2 概览 2. GC 基础 2.1 基础概念 2.2 JVM 内存划分 2.3 分配对象 2.4 收集对象 ...
思科 Packet Tracer 中交换机的常见命令介绍
思科 Packet Tracer 中交换机的常见命令介绍配置方法命令行界面 CLI 命令结构基本 IOS 命令结构上下文相关帮助功能热键和快捷方式常用: 设备名称安全访问配置密码加密 ...
算法中七种常见的时间复杂度
这是我的推广信息,以激励自己更好的分享自己的知识和经验!也希望看到的你能够多多支持,谢谢! 1. 滴滴云AI大师: 目前滴滴云正在大力推广自己的云计算服务,需要购买的朋友们用我的AI大师码「2049 ...

HTML 中几种常见长度单位介绍

HTML 中几种常见长度单位介绍相关推荐

最新文章

热门文章