
关于是否使用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为主。
第一步:首先我们需要进入小程序开发工具,然后点击顶部工具栏中的设置选项,并选择下拉菜单中的编辑设置。
第二步:接着d出编辑设置框,在编辑框的顶部选择外观设置。
第三步:在外观设置中将会看到有一个字号的选择项,接着就会看到字号的选项,直接设置字号即可修改字体大小。
rpx是微信小程序WXSS的尺寸单位。介绍rpx前,先要介绍WXSS。
WXSS(WeiXin Style Sheets) 是一套样式语言,用于描述 WXML 的组件样式。
WXSS 用来决定小程序页面WXML的组件应该怎么显示。
为了适应广大的前端开发者,微信小程序的 WXSS 具有 CSS 大部分特性。 同时为了更适合开发小程序,微信开发者对 CSS 进行了扩充以及修改。
与 CSS 相比WXSS扩展的特性有:
其中,rpx就是尺寸单位。
建议 : 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
注意 : 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。
参考资料:
以上就是关于小程序中字体大小用rpx 还是px好全部的内容,包括:小程序中字体大小用rpx 还是px好、微信小程序顶部导航栏文字大小、rpx是微信小程序WXSS的尺寸单位等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)