根据手机逻辑分辨率优化H5页面设计尺寸的方法如下：

确定设计图的页面宽度。通常，750px是按iPhone 6设计的标准宽度，但可根据实际需求调整。页面放大比率应等于屏幕的逻辑分辨率除以物理分辨率，以达到适应手机的效果。

在设计H5页面时，应基于逻辑分辨率而非物理分辨率。逻辑分辨率考虑了用户视觉体验和内容适配，而物理分辨率则是显示屏实际存在的像素数量。例如，iPhone 6的物理分辨率是750px，但其逻辑分辨率可能因屏幕尺寸和内容需求而有所不同。

为了实现响应式设计，可使用以下步骤：

• 设置设计图的基准宽度，如750px或640px，分别对应iPhone 6或iPhone 5/5s。
• 使用CSS媒体查询根据不同屏幕尺寸应用不同的样式。
• 采用百分比或视口单位进行布局，使页面元素能自适应不同屏幕。

具体设计尺寸建议如下：

• 宽度：750px - 1080px，覆盖主流手机屏幕。
• 高度：1334px - 1920px，确保内容完整显示。

在设计时，还需考虑安全区设计，避免页面元素被手机刘海、圆角或状态栏遮挡。可通过CSS或JavaScript动态调整布局，确保内容在安全区内显示。

例如，可使用以下CSS代码实现自适应布局：

.container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 15px;
}

通过以上方法，可有效优化H5页面设计尺寸，使其在不同设备上呈现一致且美观的视觉效果。