1、px

1)px就是pixel的缩写,意为像素

2)px就是设备或者图片最小一个点比如常常听到的电脑像素是1024x768的,表示的是水平方向是1024个像素点,垂直方向是768个像素点。

3)px我们网页设计常用的单位,也是基本单位

4)通过px可以设置固定布局或者元素大小

5)缺点:没有弹性

2、rpx

1)rpx微信小程序解决适应屏幕尺寸尺寸单位

2)rpxresponsive pixel): 可以根据屏幕宽度进行自适应

3)微信小程序规定屏幕的宽度为750rpx

4)解释例如宽度,相当于把屏幕宽度分为750份,1份就是1rpx高度类似~

3、em

1)参考物是父元素fontsize具有继承的特点。

2)如果自身定义fontsize按自身来计算浏览器默认字体是16px),整个页面内1em不是一个固定的值。

3)特点是1. em的值并不是固定的; 2. em继承父级元素字体大小

4)1em=1倍父元素fontsize的值,2em=2倍父元素fontsize的值,以此类推……

4、rem

1)rem相对于根元素html,这样就意味着,我们需要在根元素确定一个参考值,可以设计HTML为大小为10px,到时设置1.2rem就是12px.以此类推。

2)优点是,只需要设置根目录大小可以把整个页面的成比例的调好。

原文地址:https://blog.csdn.net/jsjbdndn/article/details/127915356

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_29090.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注