自定义组件使用-自定义组件内,渲染结果与样式描述存在误差的原因

lxf2023-03-20 09:50:02

前言:

2小时前小编发现微信小程序用户:【AdminJS】提出了一个关于“自定义组件内,渲染结果与样式描述存在误差”的问题,在问题中开发者海贼对该问题做了如下阐述:

问题类型:

  • Bug反馈:

问题描述:

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 14 iphoneX iphone11 8.0.18

注:以上是微信小程序开发者:"海贼"对于本问题的一些阐述,这里做一个引用,我们将实时关注微信小程序助手对该问题提出的解决方案

解决方案:

【AdminJS】微信小程序技术运营专员对用户海贼提出的自定义组件内,渲染结果与样式描述存在误差给予如下回复

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html

尺寸单位

  • rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准

注意: 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。

你说有没有可能这个定义里面的750这个数据是经过深思熟虑而选择的,因为它可以覆盖基本所有数据,而误差又在一个可控的范围内,并且是一个⑩的倍数,还有特定的手机与之匹配,而很不巧的你选择了13的倍数这样子一个误差比较大的数据造成1px的误差

结语:

微信官方智能小程序开源联盟对于整个行业而言是一次机遇,让所有人都有机会享受到小程序所到来的红利。另一方面,对于微信官方自身而言,智能小程序开源联盟或许是其又一次业绩腾飞的潜在动力

如果您也在使用微信小程序,请关注Adminjs.cn,如果您有关于微信小程序的使用问题请关注Adminjs.cn,如果您要找百度小程序模板、微信小程序模板请关注小程序模板网或者去微信开放社区找官方人员给予解决,相信微信官方在小程序上的发力会是一个里程碑!