内联框架边距_Axure教程：获取页面尺寸、内联框架自适应大小

编辑导语：如何使用Axure去获取页面尺寸，并且使内联框架自适应大小呢？本文作者通过实际操作，进行了记录总结，希望看后对你有所帮助。

今天要演示的东西其实很简单，一两分钟就能做完，主要是用来弥补Axure IDE提供的交互功能中的不足，导致一些想法没办法很好地实现。

一部分是Axure基于jQuery的函数，还有一部分是他补充的扩展函数，扩展函数看起来很不错，解决了很多问题；但是安装实在是麻烦，特别是如果面向不熟悉代码的设计师(流程设计师、视觉设计师等)简直是天书。

为此，结合我们常用的一些功能或函数，我梳理了一些不需要拓展库就能实现的，做成例子分享给大家。

今天，我们做一个iframe内联框架根据加载页面的尺寸自适应变化大小。Axure自带的页面属性是很简单的，只有一个pageName，完全不够用！如图：

通常我们做页面的时候，还会用到页面的尺寸。比如自定义视觉的滚动条、通过iframe(内联框架)做的页面切换等等，如果没有页面尺寸，会导致无法实现自适应等操作，所以今天来解决它。

01 准备测试素材

我们先准备3个页面1个全局变量：1个是带菜单的主页面，2个演示用内容页，还有1个全局的变量。

交互流程与原理：

按钮点击触发，被加载的子页面在载入的时候&#