# 屏幕適配設置 #### （渲染模式、自適應、發布模式、旋轉模式） [想要了解更多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