web 前端常用长度单位

作者: Leophen | 来源:发表于2019-04-11 17:04 被阅读0次

web 前端常用长度单位
css 单位和值
11.CSS布局篇之响应式——rem
长度单位、calc() 表达式
人教版二年级数学上册知识点
CSS(层叠样式表)之font
一步步教你使用rem适配不同屏幕的移动设备
Web前端常用的十种技术
web前端—day1.1—html基础
px, em, rem 的区别和使用场景

1. px 像素（Pixel）

相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的

2. em 是相对长度单位

相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于
浏览器的默认字体尺寸，最初是指字母 M 的宽度，故名 em。现指的是字符宽度的倍数。

3. rem

是 CSS3 新增的一个相对单位，相对的只是 HTML 根元素，可以只修改根元素就可以成比
例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。兼容性 IE9+都可以兼
容。

4. pt (point，磅)

是一个物理长度单位，指的是 72 分之一英寸。pt=1/72(英寸), px=1/dpi(英寸)

注：一个 px、em、pt 单位转换工具地址：http://pxtoem.com/

5. vh and vw

用视口（viewpoint）的宽度或者高度。1vh 等于 1/100 的视口高度。栗子：浏览器高度
900px, 1 vh = 900px/100 = 9 px。同理，如果视口宽度是 750， 1vw = 750px/100 = 7.5
px。

web 前端常用长度单位
1. px 像素（Pixel）相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的 2. em 是相对长度单...
css 单位和值
css 单位和值一、绝对长度单位常用的绝对长度单位： px pixel 是 CSS 中最常用的长度单位，可以用...
11.CSS布局篇之响应式——rem
rem是什么？ px，绝对长度单位，最常用 em，相对长度单位，相对于父元素，不常用 rem，相对长度单位，相对于...
长度单位、calc() 表达式
长度单位绝对长度单位绝对长度单位代表一个物理测量字体相关相对长度单位长度值目前比较常用的是：px（像素）、...
人教版二年级数学上册知识点
第一单元长度单位 1、常用的长度单位：米、厘米。 2、测量较短物体通常用厘米作单位，测量较长物体通常用米...
CSS(层叠样式表)之font
font-size：字号大小（常用单位是相对长度单位，最常用的单位是像素）相对长度单位：em（相对于当前对象内...
一步步教你使用rem适配不同屏幕的移动设备
1.先说说几个前端常用的几个单位的概论： 1、px (pixel，像素)：是一个虚拟长度单位，是计算机系统的数字化...
Web前端常用的十种技术
Web前端常用的十种技术 Web前端应用十种常用技术，随着JS与XHTML的应用普及，越来越多的web界面应用技术...
web前端—day1.1—html基础
1. windows电脑常用快捷键 2. web前端简单介绍 web 前端包含：pc端页面和移动端页面前端就是将...
px, em, rem 的区别和使用场景
区别 CSS 中，目前我们常用到的长度单位有 px, em, rem。绝对长度单位px（pixel 像素）：相...