diff --git a/common/css/footer-layer.css b/common/css/footer-layer.css
index 6c80eaf2..46b1889b 100644
--- a/common/css/footer-layer.css
+++ b/common/css/footer-layer.css
@@ -9,7 +9,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    max-height: calc(100vh - var(--footer-height) - var(--nav-height) - 25px);
+    max-height: calc(100dvh - var(--footer-height) - var(--nav-height) - 25px);
 }
 
 .footer-layer > .footer-layer-content > .layui-layer-title {
diff --git a/common/templates/html/footerlayer/footerlayer-example.html b/common/templates/html/footerlayer/footerlayer-example.html
index e5ca028a..3cc943ea 100644
--- a/common/templates/html/footerlayer/footerlayer-example.html
+++ b/common/templates/html/footerlayer/footerlayer-example.html
@@ -49,5 +49,10 @@
     .footer-layer-example .layui-tree-iconClick .layui-icon {
         font-size: 16px;
     }
+
+    div[m-id="{{d.mId}}"] {
+        width: 100%;
+        height: 100%;
+    }
 </style>
-<div class="example-tree-body page-item"></div>
\ No newline at end of file
+<div m-id={{d.mId}} class="example-tree-body"></div>
\ No newline at end of file