CSS 还原设计稿

如何还原设计稿

微信小程序

1. 设计图通常是宽度 750rpx，那么我们在微信小程序开发者工具中，就可以使用 ipone6 机型进行开发
2. 因为 1rpx = 0.5px，750rpx 刚好等于 375px，也正好 ipone6 的宽度大小

PC 端

1. 直接按设计图给的比例进行绘制页面即可

移动端

1. 使用 rem + vw + vh 进行开发，如果使用 蓝湖等工具，其中会有 px 转 rem 工具