axure实现元件100%显示在浏览器中

自学axure,哈哈哈哈哈哈哈哈哈,一定要有毅力。

一个小白白,今天学会了制作自己喜欢的axure网页,现在分享给大家!

1、首先将原件拖拽到工作区(或者叫内容区,不知道描述是否准确,请见谅!^_^); 

如图,我使用矩形原件

axure实现元件100%显示在浏览器中_第1张图片
图一

2、设置原件基本宽度,这里我设置为1200x80,相当于header,在右侧样式设置为无背景颜色无边框


axure实现元件100%显示在浏览器中_第2张图片
图二

3、点击右键选择转换为动态面板


axure实现元件100%显示在浏览器中_第3张图片
图三

4.这里我设置背景颜色为绿色,点击右侧属性,勾选 100%宽度<仅在浏览器中有效>


axure实现元件100%显示在浏览器中_第4张图片
图四


axure实现元件100%显示在浏览器中_第5张图片
图五

5.最后点击预览,成功啦


axure实现元件100%显示在浏览器中_第6张图片
图六


axure实现元件100%显示在浏览器中_第7张图片
图七

你可能感兴趣的:(axure实现元件100%显示在浏览器中)