對于如何把原型放至手機上進行演示相信大家都已經很熟悉了，但是如果幾位同事屏幕大小不一，或者需要安裝到客戶手機上進行演示，這時候我們就很難保證我們的原型會顯示完整，要不然就是屏幕太小顯示不完全，要不然就是屏幕太大，會有留白的地方，以下的教程會教大家如何解決這個問題。

本文主要內容目錄

1. 設置原型大小
2. 發布項目
3. 查看項目

1、設置原型大小

我們把原型的尺寸定為：375*647（減去了狀態欄20PX的高度）

2、發布項目

其它的設置我就不多說了，主要說一下移動設備的設置。

• 寬度：375
• 高度：647

以上是IPHONE6標準的尺寸，建議使用IPHONE6尺寸，縮小放大都比較好操作。

• 最小縮放倍數：0.5
• 最大縮放倍數：2.0
• 允許用戶縮放：no

最重要的初始縮放倍數千萬不要填寫，填寫以后默認就以iphone6的尺寸訪問，需要你縮放一下才能夠正常全屏顯示，如果沒有設置，則自動以你手機屏幕大小進行全屏顯示。

3、查看項目

發布完以后，放至網上，這個時候我們就可以用手機進行訪問了，我們可以看到無論是iphone5的4.3尺寸還是iphone6 plus的5.5尺寸都是顯示正常并且正常全屏顯示的。

使用蘋果自己帶的Safari瀏覽器文件打開原型網址。

請不要使用帶工具欄的頁面訪問，這兩個頁面都是帶工具欄的index.html,start.html

可以使用這個網址進行測試：https://test.hanhc.win/default.html

點擊桌面生成的圖標就可以訪問了，現在看上去是不是不像是在訪問網頁呢。

寫在最后

原型訪問的方法有很多，大家都可以根據自己的實際情況進行選擇，本文只是提供可以自適應手機屏幕大小的方法，把原型放在手機上更多的時候是為了方便外出演示的時候，給客戶查看一種實際的效果，所以建議使用高保真原型比較妥。

原型只是展示和溝通的一種方式，并非產品經理的全部，請不要本末倒置，產品經理應該更注重在溝通、思維、邏輯、業務上，當然有時間把原型做好做漂亮也是一種技能。

作者：Han ，深圳產品狗一枚，目前在某個不知名電商任職產品經理，歡迎相約交流。

本文由 @Han??原創發布于人人都是產品經理。未經許可，禁止轉載。