移动端特有单位

移动特有的尺寸单位是:mpx,广泛存在于移动端代码的样式文件中(less文件)

padding:200mpx 40mpx 0 40mpx;

200mpx含义是当屏幕宽度是1080像素时表示200像素,屏幕宽度540像素时表示100像素,其他尺寸会根据屏幕宽度等比缩放

1080是默认的,也可以自行更改,参见:

\Prjconfig::mobile_config['mobile_page_design_px'];

为什么要这样?

关于移动端的尺寸解决方案有挺多的,常见的有rem,hbuilder,微信小程序也提供upx,rpx之类的写法

先说rem,实在不明白为什么一个div的尺寸会和根元素的字体大小有关,这个挺别扭的,所以没有使用这个方案

upx,rpx之类的和运行环境或者编辑器绑定的太死,导致不能用自己喜欢的编辑器

所以本框架自带了一个移动端的特有单位:mpx