H5常规页、长页面尺寸设计


一、H5常规页

1.常规屏:宽高比可等比放大、小屏幕手机(iphone8等)只能看到常规屏内容,尽可能将文案、logo等重要信息放置到常规屏内
宽度:640像素、高度:972像素

2.主流屏:宽高比可等比放大、全面屏手机可查看整页内容,为兼容“常规屏”、“主流屏”不同手机视觉,(主流屏-常规屏)部分尽可能采用背景装饰;

宽度:640像素、高度:1260像素

二、H5长页面

1.尺寸:定宽不定高,宽度:320像素,高度可参考市面主流手机进行内容设计。宽高比可等比扩大。

2.最长尺寸:理论最长支持,320像素*30000像素。

3.界面展示:

三、市面主流机型分辨率(仅供参考),H5宽高比可等比放大适配。

荣耀 Magic 6 Pro:分辨率为 2800×1280 像素 。
小米 15 标准版:分辨率在 2000×3000 像素左右。
小米 15 Pro:2k 分辨率一般为 2560×1440 像素 。
iPhone 15 标准版:屏幕尺寸为 6.1 英寸,分辨率为 2532x1170 像素 。
iPhone 15 Plus 版:屏幕尺寸为 6.7 英寸,分辨率为 2796x1290 像素 。
iPhone 15 Pro 版:屏幕尺寸为 6.1 英寸,分辨率为 2556x1179 像素 。
iPhone 15 Pro Max:屏幕尺寸为 6.7 英寸,分辨率为 2796x1290 像素。
vivo X200 系列:分辨率为 1.5k(1260×2800 像素)。
OPPO Find X8 标准版:分辨率在 2000×3000 像素左右 。
OPPO Find X8 Pro:采用四微曲屏幕(具体尺寸未提及)。
红米 Turbo3:分辨率为 2712×1220 像素 。
荣耀 X50gt:分辨率为 2652×1200 。
Moto Edge:分辨率 2400×1080 像素 。
华为 Mate 60:拥有 2688×1216 分辨率 。


李鑫鑫 2024年9月2日 11:19 369 收藏文档