整理下有关今天开发小程序出现的尺寸匹配问题：
小程序开发时，设计给的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单位能自动去计算应该在不同屏幕尺寸上的单位内大小，且不用担心出现页面坍塌的问题，所以可以大胆放心的使用！
此文仅供参考，如有不同意见或建议请留言！
整理下有关今天开发小程序出现的尺寸匹配问题： 小程序开发时，设计给的PSD原图尺寸为750*1334，标准的Iph...
微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750...
一、wxss 1.尺寸单位： 小程序规定了全新的尺寸单位"rpx"，其原理是无视设备原先的尺寸，统一规...
换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。 例子：iPhon...
rpx：微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。也就是说，无论是在iPho...
rpx：微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。也就是说，无论是在iPho...
一、 rpx：全称“response pixel”，即响应式的px，rpx单位是微信小程序中css的尺寸单位，它可...
1、尺寸单位 在小程序中，不需要主动引入样式文件在小程序中使用 rpx单位或者是百分比属性calc属性，css和w...
rpx :微信小程序开发中新出了尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。...
rpx是微信小程序WXSS的尺寸单位。介绍rpx前，先要介绍WXSS。 WXSS WXSS(WeiXin Styl...
本文标题：小程序之尺寸单位匹配
本文链接：https://www.haomeiwen.com/subject/xgfdfftx.html
网友评论