之前2篇文章讲了《为什么375×667是移动端原型设计的最佳分辨率》和《如何设置手机APP原型尺寸》，这一篇讲解如何设置Axure来生成可以在手机上完美查看的APP原型。逻辑上有点复杂，但是按照我的方法操作起来并不难。

所谓的APP原型适配手机，是指用手机浏打开原型页面的时候，横竖都刚好撑满屏幕。当然如果页面比较长，高度超过一屏是没问题的。

如果你的原型是你手机屏幕的逻辑分辨率

比如你的原型是375×667，手机是iPhone6/6s/7，那在手机上查看的时候无需缩放，默认撑满屏幕。

如果你的原型是360×640，而手机是Android的小米4、小米note、华为p7、p8荣耀6、7这些主流机型，也是一样的。

如果你的原型不是你手机屏幕的逻辑分辨率

比如你的原型是375×667,而你的手机是华为p8，1080×1920。理论上来说无法完美适配APP中所有的页面。但是除了有下导航的页面一般都没问题。

设置生成原型的手机参数

你需要在Axure生成HTML的时候设置一下手机上如何展示原型。

请勾选包含视口标签。浏览器显示网页，默认是按照网页自身分辨率来展示的。勾选了此项之后，里面的区域按照下方规则来处理展示。

宽，使用默认的device-width即可。

高，一般不需要填，因为是根据宽度来决定的。

最小缩放倍数和**缩放倍数，一般不需要填。

允许用户缩放，一般填写no。