習(xí)慣用axure的同學(xué)趣竣，覺得用axure很爽很強大嗦嗡。就是在手機(jī)端的演示一直不很友好。PC端演示手機(jī)端的場景不夠貼切，感受達(dá)不到羊壹，所以還是找一個簡單好用的方法來解決這個問題吧蓖宦。
1.將原型源文件生成html文件
為了保證手機(jī)端預(yù)覽效果，內(nèi)容區(qū)域放置位置為0油猫，0稠茂。
image.png
2.將html文件打成壓縮包
3.通過wulihub網(wǎng)站托管，實現(xiàn)手機(jī)掃碼預(yù)覽
如下圖情妖，直接發(fā)鏈接或掃碼睬关，非常方便！Ｕ敝ぁ５绲！
image.png
image.png
4.達(dá)到好的預(yù)覽效果的注意事項
1）畫布內(nèi)建議僅包含要演示的內(nèi)容情竹。（比如手動的備注藐不、需求說明等隱藏掉匀哄，會影響預(yù)覽效果）
2）自適應(yīng)：三擊屏幕（我的手機(jī)是這樣的）秦效，彈出設(shè)置，可以設(shè)置適配和查找目錄涎嚼。
選擇scale to fit width阱州，
image.png
3）查找頁面目錄
上一個步驟2），彈出設(shè)置法梯，左右滑動找到
4）完美適配
想要追求完美匹配苔货，模擬更逼真的效果。細(xì)心去設(shè)置一下立哑，如底部菜單固定到瀏覽器底部夜惭，頁面長度自適應(yīng)等。
5）我這里的不完美適配
看圖铛绰，我只適配了寬度诈茧，沒有做高度的調(diào)整。因為我還要在PC端看捂掰，就沒改敢会。
image.png
