# 屏幕适配设置 #### （渲染模式、自适应、发布模式、旋转模式） [想要了解更多Mugeda功能？>>>猛戳我，学习更多教程](Mugeda百科全书——文本教程目录.md) [本节视频教程请点击此处](http://www.mugeda.com/help.php?v_list=videos4&v_id=3) 本节知识点： 重点讲解【文件】—【文档信息】中的渲染模式、自适应、发布模式、旋转模式相关设置 一般我们把舞台的尺寸设置为320*520：  我们可以对适配方式进行设置，让我们的作品可以满足不同屏幕的播放。适配方式从【文件】—【文档信息】里设置：  这里需要说明的是，【文档信息】里的导出名称指的是发布后微信标题栏的名称  而舞台上【属性】中的【内容标题】指的是在编辑页面里的名称：  渲染模式，默认为标准，其他几个说明如下 标准：单个网页的引用 嵌入：可以嵌入iframe元素中 内联：通过js方式加载动画 弹出：弹出对话框显示动画  自适应，一般我们用【宽度适配，垂直居中】 宽度适配，垂直居中：以宽度来等比例放大缩小您的作品，以320宽度做的，那么在屏幕上显示就是320，通过改变作品的高，来适配您的屏幕；如果您的手机比较窄，那就会把作品的上下两端截掉。 高度适配，水平居中：以高度适配宽度，如果你手机特别的窄，也会把两端截掉。 全屏：无论你在什么屏幕播放，都会显示您作品的完整内容。  宽度适配，垂直居中，让所有画面显示在屏幕上的小技巧 在舞台上画安全框，320*416基于iPhone4s大小，目前这个是最小的，所以用这个作为我们的安全框：  把安全框移动到舞台中间，可以对照绿色的参考线，此时的状态下，安全框位于舞台的中央：  如图，完成安全框的绘制：  我们预览时，无论屏幕有多大，背景图片都是把屏幕撑满的，就算手机截掉上下两端，在安全框里设计，有效内容都能被看到：  当您要发布作品时，记得把安全框图层删掉，这样别人预览你的作品时，就不会看到安全框了：  高度适配，水平居中，让所有画面显示在屏幕上的小技巧，同样的方式，这里不再赘述 >[info]#### 发布方式： 前两种发布方式不推荐，动画会卡顿，推荐使用智能加速渲染发布。智能加速渲染的意思就是配合硬件加速动画：  >[info]#### 适配方式： 自动适配：默认是竖屏，动画会撑满竖屏屏幕；默认是横屏，动画会撑满横屏屏幕，但是会发生变形，更多的情况我们选用的是强制竖屏：  如果您要做强制横屏的H5，设置舞台大小520*256。这是基于iPhone6s plus在微信播放时的全屏尺寸。当然你也可以根据需要自行设置，但前提是保证在大屏幕手机能看到全屏：  然后选择【文件】—【文档信息】，设置旋转模式和自适应：   观看本节视频教程： http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03df