很快微信开发者平台

 找回密码
 注册
查看: 1503|回复: 0

微信小程序实现自适应屏幕分辨率

[复制链接]

3

主题

13

帖子

120

积分

新人求带

积分
120
 楼主| 发表于 2018-6-13 17:41:37 | 显示全部楼层 |阅读模式
如题:微信小程序开发如何做不同分辨率下的自适应?

UI设计 :
以 iphone6 的物理分辨率 750x1334 为视觉稿进行设计,而小程序中使用 rpx 为单位。

原因:
使用 rpx 为单位,小程序会自动在不同的分辨率下进行转换,而使用 px 为单位不会。
并且,iphone6 下, 【1px = 1rpx = 0.5pt】。

注:pt 为逻辑像素单位,px 为物理像素单位,如下图是不同机型的逻辑像素单位:
20180613095228349.png

物理像素 = 逻辑像素 * 2 ,所以 iphone6 下的逻辑像素是 375x667 ,而物理像素是 750x1334

原文:https://blog.csdn.net/She_lock/article/details/80674750


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|很快微信开发者平台 ( 津ICP备16002644号-1 )

GMT+8, 2022-1-24 15:37 , Processed in 0.023872 second(s), 24 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表