小程序中字体大小用rpx 还是px好

小程序中字体大小用rpx 还是px好,第1张

关于是否使用rpx还是px,首先需要明白两者之间的区别。

rpx:微信小程序中的尺寸单位rpx(responsive pixel):可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。微信官方建议视觉稿以iphone6为标准,一般设计师出图为启含余2倍图。

px:iphone6上1px=2rpx

1rpx相当于1个物理像素,何为物理像素,就相当于我老桐们所使用的屏幕的尺寸,只不过换了一种说法叫物理像素,而我们平时css中所用到的px,实际上是数据显示的尺寸,比如文字,图片、设计样式的盒子的大小1rpx的出现为我们搭起了物理像素与样式像素px之间的桥梁,而且根据屏幕宽度进行自适应

<view class="box">rpx的像素</view>

<view class="bo">px的像素观察</view>

.box{  width:300rpx  height:200rpx  border:1rpx solid black  font-size:30rpx}.bo{   width:300px  height:200px  border:1px solid black  font-size:30px}

结果:

所以,小程悄滚序中字体大小用rpx还是px要结合设计师出图的文字大小,建议的话还是以rpx为主。

小程序单位对应的符号如下:哗大

1,pt,单位名称为点,绝对乱枝竖长度单位。

2,px,像素,相对长,度单位。

3,em,相对长度单位。

4,rem,是CSS3新增的一个相对单位,是相对HTML根元素。

5视口单位vw:1vw=视口宽度的1%,vh:1vh=视口高度的1%,vmax:vmax选取vw和vh中最大的那个,vmin:vmin选取vw和vh中最小的那个。

6,rpx,是微信小程序中css的尺寸单位。

7,ch,是由CSS3规范引入的一个新单位,表示“0”搭枯字形的宽度。

8,ex,当前字体的x-height或者一个em的一半。

9,pc、in、mm、cm绝对长度单位。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12535664.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存