手机页面设计尺寸主要 取决于目标设备及其屏幕分辨率。以下是几种常见的设计尺寸：

iPhone

750x1334：适用于2倍图设计。

1125x2436：适用于3倍图设计。

1242x2208：适用于3倍图设计。

640x1136：适用于iPhone 5及以上版本，分辨率为326PPI。

640x960：适用于iPhone 4和iPhone 4S，分辨率为326PPI。

320x480：适用于第一代、第二代和第三代iPhone及iPod Touch，分辨率为163PPI。

Android

720x1280：适用于2倍图设计。

1080x1920：适用于3倍图设计。

360x640：适用于多种屏幕尺寸。

360x720：适用于多种屏幕尺寸。

360x740：适用于多种屏幕尺寸。

360x760：适用于多种屏幕尺寸。

360x780：适用于多种屏幕尺寸。

360x800：适用于多种屏幕尺寸。

411x731：适用于多种屏幕尺寸。

480x853：适用于多种屏幕尺寸。

480dp：适用于中等尺寸的平板电脑。

600dp：适用于7寸平板电脑。

720dp：适用于10寸平板电脑。

H5设计

640x1136：适用于大多数移动智能手机，能够满足显示需求并降低用户加载图片所需的带宽。

建议

响应式设计：为了确保网页在不同设备上都能良好显示，建议采用响应式设计，根据设备的屏幕尺寸和分辨率动态调整布局和元素大小。

测试：在不同设备和浏览器上进行测试，确保设计在各种屏幕尺寸下都能正常显示，没有内容遮挡或显示不全的问题。

图片优化：使用`background-size: cover`来确保背景图片在不同设备上都能完全覆盖屏幕，避免内容显示不全。

通过以上尺寸和设计建议，可以创建出适应多种设备的手机页面，提供良好的用户体验。