关于是否使用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为主。
一、第一步,打开微信小程序开发工具,新建界面对应的JS文件,注意Page对象。
二、第二步,如果想要获取正在调试的手机或工具的品牌,可以使用brand。
三、第三步,微信小程序开发过程中,可以设置字体大小,使用fontSizeSetting查看。
四、第四步,查看使用的工具中使用的是哪种语野枣言,可以使用language。
五、第五步,除了可以查看手机品牌,还可以查看手机型号,使用mode属性。
六、第六步,如果要查看设备像素基中比,可以使用pixelRatio属性。
扩展资料:
微信小程序如何找到?
一、打开手机微信,向下滑动屏幕就能看到你最近常用的小程序。
二、另外在发现页,最下面有“小程序”,可以找到使用过的小程序。
三、你也可以通过搜索和“附近的小程序”查找。
参考资料:百度百科-微信颂锋拆
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)