小程序之尺寸单位匹配

整理下有关今天开发小程序出现的尺寸匹配问题:

小程序开发时,设计给的PSD原图尺寸为750*1334,标准的Iphone 6尺寸,开发微信外链的时候,设定的rem值为1rem=20pt=40px,此处所说的pt指美工标注时的pt尺寸,1pt=2px,此px尺寸为Photoshop作图时的像素单位,不懂的请用ps打开psd自行体验像素单位。

说完上边的尺寸之后,开始说一下小程序开发文档的尺寸

小程序文档尺寸对比图

仔细看上图的尺寸:iPhone 6的尺寸为375px*667px,这里的物理像素点还是750*1334(ps里称为px),但是微信给的尺寸单位和传统psd的单位有点混淆,请注意区别!

根据踩坑的经验得到以下结论:

美工给的psd,及你书写时所需要的单位尺寸应为:1px(psd上所的像素级尺寸)== 1rpx(psd转化时应该使用的css单位),此单位是微信自己设置的,而且rpx单位能自动去计算应该在不同屏幕尺寸上的单位内大小,且不用担心出现页面坍塌的问题,所以可以大胆放心的使用!

此文仅供参考,如有不同意见或建议请留言!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容