axure 动态面板 自动适应浏览器宽度_Axure教程：用axure制作Web原型自适应电脑屏幕...

原标题：Axure教程：用axure制作Web原型自适应电脑屏幕

本篇文章作者主要讲的是关于用Axure制作Web原型自适应电脑屏幕，一起来看看~

用axure制作原型，很多刚入门的小白(包括我)，制作原型的时候首先从制作App原型开始的，因为有固定的原型尺寸供我们参考，下面总结的移动原型尺寸与配置，大家可以参考一下。

本篇文章我主要是想讲一下关于用Axure制作Web原型自适应电脑屏幕。

先来体验一下效果：https://nc9f9h.axshare.com

在新建一个空白axure文件的时候，我们从检视页面这一栏能看到“页面样式”这一设置，首先页面排列默认从“左侧对齐”，我们也可以修改“水平居中”，这一设置主要是我们按F5在浏览器中预览时，页面中的元素在浏览器中的对齐方式。

我就从这两种“页面排列”来讲一下如何实现原型自适应电脑屏幕

1、页面排列为“左侧对齐”

浏览器中效果

2、分析，“左侧对齐”如何适应屏幕大小？

“左侧对齐”的方式适应屏幕大小，就是说让Web页面中一些元件的长度能够以“左侧对齐”的方式铺满屏幕，其他元件不需要