如何在普通Html中实现类似小程序中的 rpx 动态单位自适应效果
我们知道小程序 css 有个rpx单位,它是默认屏幕宽度是750rpx,不区分屏幕分辨率如何从设计稿的px转为rpx,计算方法是:css高度(rpx) = 设计稿高度/ (设计稿宽度/750)css宽度(rpx) = 设计稿宽度/ (设计稿宽度/750)同理:普通 html 中基准宽度是 100vw,那么css高度(vw) = 设计稿高度/ (设计稿宽度/100)css宽度(vw) = 设计稿宽度/ (设计稿宽度/100)字体也可以这样计算,单位都是vw,这里的vw效果跟小程序的rpx效果一
原创
2020-06-18 14:29:22 ·
3471 阅读 ·
0 评论