diff --git a/designer-realize/src/main/java/com/fr/design/report/mobile/AppFitBrowserPane.java b/designer-realize/src/main/java/com/fr/design/report/mobile/AppFitBrowserPane.java
index 5679407914..1d415d0b75 100644
--- a/designer-realize/src/main/java/com/fr/design/report/mobile/AppFitBrowserPane.java
+++ b/designer-realize/src/main/java/com/fr/design/report/mobile/AppFitBrowserPane.java
@@ -2,18 +2,15 @@ package com.fr.design.report.mobile;
 
 import com.fr.base.mobile.MobileFitAttrState;
 import com.fr.design.beans.BasicBeanPane;
+import com.fr.design.layout.FRGUIPaneFactory;
 
 import com.fr.report.mobile.ElementCaseMobileAttr;
 
-import java.awt.BorderLayout;
+import javax.swing.*;
+import java.awt.*;
 import java.awt.event.ActionEvent;
 import java.awt.event.ActionListener;
 
-import static com.fine.swing.ui.layout.Layouts.cell;
-import static com.fine.swing.ui.layout.Layouts.column;
-import static com.fine.swing.ui.layout.Layouts.row;
-import static com.fine.theme.utils.FineUIUtils.wrapComponentWithTitle;
-
 /**
  * Created by 夏翔 on 2016/5/28.
  */
@@ -28,23 +25,22 @@ public class AppFitBrowserPane extends BasicBeanPane<ElementCaseMobileAttr> {
 
     public AppFitBrowserPane(){
         initComponents();
+
     }
 
-    /**
-     * 自适应面板
-     */
     private void initComponents() {
-        this.setLayout(new BorderLayout());
+        this.setLayout(FRGUIPaneFactory.createBorderLayout());
+        JPanel borderPane = FRGUIPaneFactory.createTitledBorderPane(this.title4PopupWindow());
+        JPanel fitOpsPane = FRGUIPaneFactory.createBorderLayout_S_Pane();
         horizionPane = new MobileRadioGroupPane(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Report_Mobile_Horizontal"));
         verticalPane = new MobileRadioGroupPane(com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Report_Mobile_Vertical"));
         ActionListener actionListener = getAppPreviewActionListener();
         horizionPane.addActionListener(actionListener);
         verticalPane.addActionListener(actionListener);
-        this.add(
-                wrapComponentWithTitle((column(10,
-                row(cell(horizionPane)),
-                row(cell(verticalPane))
-        ).getComponent()), com.fr.design.i18n.Toolkit.i18nText("Fine-Design_Report_Fit")));
+        fitOpsPane.add(horizionPane, BorderLayout.NORTH);
+        fitOpsPane.add(verticalPane, BorderLayout.SOUTH);
+        borderPane.add(fitOpsPane);
+        this.add(borderPane);
     }
 
     public void setAppFitPreviewPane(AppFitPreviewPane appFitPreviewPane) {
diff --git a/designer-realize/src/main/java/com/fr/design/report/mobile/MobileToolBarPane.java b/designer-realize/src/main/java/com/fr/design/report/mobile/MobileToolBarPane.java
index 9afc207db6..0415c95c05 100644
--- a/designer-realize/src/main/java/com/fr/design/report/mobile/MobileToolBarPane.java
+++ b/designer-realize/src/main/java/com/fr/design/report/mobile/MobileToolBarPane.java
@@ -14,6 +14,8 @@ import static com.fine.swing.ui.layout.Layouts.column;
 import static com.fine.swing.ui.layout.Layouts.flex;
 import static com.fine.swing.ui.layout.Layouts.row;
 
+import static com.fine.swing.ui.layout.Layouts.*;
+
 /**
  * Created by 方磊 on 2016/11/8.
  */
diff --git a/designer-realize/src/main/java/com/fr/design/report/mobile/ReportMobileTemplateSettingsPane.java b/designer-realize/src/main/java/com/fr/design/report/mobile/ReportMobileTemplateSettingsPane.java
index 71b61faeed..5adf3020e4 100644
--- a/designer-realize/src/main/java/com/fr/design/report/mobile/ReportMobileTemplateSettingsPane.java
+++ b/designer-realize/src/main/java/com/fr/design/report/mobile/ReportMobileTemplateSettingsPane.java
@@ -17,6 +17,9 @@ import static com.fine.swing.ui.layout.Layouts.cell;
 import static com.fine.swing.ui.layout.Layouts.column;
 import static com.fine.theme.utils.FineUIUtils.wrapComponentWithTitle;
 
+import static com.fine.swing.ui.layout.Layouts.*;
+import static com.fine.theme.utils.FineUIUtils.wrapComponentWithTitle;
+
 /**
  * Created by plough on 2018/1/8.
  */