微信小程序顶部导航栏文字大小

微信小程序顶部导航栏文字大小,第1张

第一步:首先我们需要进入小程序开发工具,然后点击顶部工具栏中的设置选项,并选择下拉菜单中的编辑设置。

第二步:接着d出编辑设置框,在编辑框的顶部选择外观设置。

第三步:在外观设置中将会看到有一个字号的选择项,接着就会看到字号的选项,直接设置字号即可修改字体大小。

游戏升级时等级字体发生“放大后缩小”特效,提醒用户级别变化。

1,设置了两个定时器,一个用于字体放大,一个用于字体缩小;

2,字体放大:字体从16px逐步放大到42px,每15毫秒执行一次;

3,字体缩小:字体从42px逐步缩小回16px,每15毫秒执行一次;

4,在需要放大缩小字体时调用;

5,放大字体到42px,则注销字体放大定时器,转而调用字体缩小定时器。

关于是否使用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为主。


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

原文地址: https://outofmemory.cn/yw/10903528.html

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

发表评论

登录后才能评论

评论列表(0条)

保存