axure屏幕自适应(axure手机界面)

原型发布后，我们有时需要适应手机、浏览器、平板等设备。如何在各种设备之间保证良好的用户体验，是我们今天需要掌握的核心知识。首先，我们使用的原型软件是Axure RP版。可以自己下载安装，然后讲解详细步骤。
1.创建自适应基本页面的第一步是创建自适应页面。页面包含两个矩形元素，每个矩形元素的长度设置为大于500，分别标记为网页，如下图所示：
2.打开页面适配功能。从页面左上角检查页面适配功能是否打开。如果左上角没有找到下图所示的图片，说明页面适配还没有开始。您可以从右侧标有红框的提示中打开自适应功能。
3.添加自适应视图点击自适应页面左上角，弹出如下窗口：
设置窗口的参数名：phone portrait，condition=，width 320，继承自：basic。(解释：这里最难理解的是从，从基础继承。这指的是我们刚刚开始创建的自适应页面。)
4.继续添加一组垂直条件=200的手机。唯一不同的是，这里的继承设置为“手机垂直(320X any)”，如下图所示。
5.测试结果打开浏览器，将显示以下页面：
缩小浏览器，直到宽度小于320，将显示以下页面：
缩小浏览器，直到宽度小于200，将显示以下页面：
好了，今天的教程到此结束。谢谢你的研究。记得帮我点赞转发。谢谢大家！