Axure实现移动端页面展示在手机边框里，并可以上下滑动页面

 

 

准备手机边框

新建内联框架

设置内联框架尺寸及链接页面

注意内联框架上下左右各有2px边距（不可修改）

设置内联框架隐藏边框，并按需滚动：

预览页面看效果，如果底部出现滚动条，就需要增大内联框架的宽度，注意，要保证微调内联框架宽度，直至：1.底部滚动条消失；2.页面内容在手机屏幕中间（不在中间调整内联框架左右位置）

注意调整左右位置时，为了方便观察，可以暂时将内联框架至于底层，方便观察：

调整好左右之后，再讲内联框架置于顶层，调整好之后的效果：

将内敛框架转换为动态面板：

然后调整动态面板宽度和手机框内侧宽度一致：

设置动态面板圆角和手机边框圆角一致（不同边框不同数值，方形手机边框不用设置圆角）

预览效果：

 

并且页面之间的跳转会自动适配手机边框

优化升级，可以将状态栏和标签栏进入到动态面板合适的位置：

最终效果：