diff --git a/LTEMvcApp/Views/Home/ClientMessages.cshtml b/LTEMvcApp/Views/Home/ClientMessages.cshtml
index efbfbb5..ab99c1f 100644
--- a/LTEMvcApp/Views/Home/ClientMessages.cshtml
+++ b/LTEMvcApp/Views/Home/ClientMessages.cshtml
@@ -3,6 +3,13 @@
     var clientName = ViewBag.ClientName as string ?? "TestClient";
 }
 
+<style>
+    .message-scroll-area {
+        height: calc(100vh - 300px); /* 100% of viewport height minus headers/footers */
+        overflow-y: auto;
+    }
+</style>
+
 <div class="container-fluid">
     <div class="row">
         <div class="col-12">
@@ -26,7 +33,7 @@
                                         <span class="badge badge-primary" id="sentCount">0</span>
                                     </h5>
                                 </div>
-                                <div id="sentScrollArea" class="clusterize-scroll" style="height: 600px; overflow-y: auto;">
+                                <div id="sentScrollArea" class="clusterize-scroll message-scroll-area">
                                     <div id="sentContentArea" class="clusterize-content">
                                         <div class="clusterize-no-data">正在连接...</div>
                                     </div>
@@ -41,7 +48,7 @@
                                         <span class="badge badge-info" id="receivedCount">0</span>
                                     </h5>
                                 </div>
-                                <div id="receivedScrollArea" class="clusterize-scroll" style="height: 600px; overflow-y: auto;">
+                                <div id="receivedScrollArea" class="clusterize-scroll message-scroll-area">
                                     <div id="receivedContentArea" class="clusterize-content">
                                         <div class="clusterize-no-data">正在连接...</div>
                                     </div>