px、em、rem单位间的区别

1、px

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于网站设计、成都网站设计、斗门网络推广、成都小程序开发、斗门网络营销、斗门企业策划、斗门品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供斗门建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

px是pixel的缩写,中文翻译是像素的意思;我们一般用来设置元素的宽高、字体大小,查了一下它不是自然界的长度单位。px是就是一张图片中最小的点,一张图就是由这些点构成的。1024px就是1024像素,如果是1024px×768px,也就是说水平方向上有1024个点,垂直方向上有768个点。谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,像素的大小是会“变”的,也称为“相对长度”.

特点:不会随着浏览器的大小改变而改变,只要设定就是个固定值。

2、em

em也是css中的相对单位,它是相对于父元素的字体大小来定的,如果你的父元素字体大小:font-size: 20px;那么子元素1em=20px; 如果父元素没有设置字体大小,那么会以浏览器默认的字体大小来定,浏览器默认字体大小是:font-size: 16px; 那么现在的1em=16px。

特点:会随着浏览器大小改变而改变。

3、rem

rem是root em的缩写,root的中文翻译是根的意思,在页面中只有一个html是根元素,所以是根据html来定的,如果设置

html {
新闻标题:px、em、rem单位间的区别
链接分享:http://csruizhi.cn/article/dsojeip.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都网站制作 专业网站设计 成都网站设计公司 重庆电商网站建设 成都网站制作 成都网站建设公司 重庆网站建设 成都网站制作 网站制作 盐亭网站设计 成都网站设计 成都品牌网站建设 成都网站建设公司 手机网站设计 自适应网站建设 达州网站设计 成都定制网站建设 网站建设公司 专业网站建设 企业网站建设 成都网站建设 成都网站制作