diff --git a/web/src/main/resources/static/index.html b/web/src/main/resources/static/index.html
index b040083..aff98c1 100644
--- a/web/src/main/resources/static/index.html
+++ b/web/src/main/resources/static/index.html
@@ -159,6 +159,26 @@
             display: flex;
             gap: 10px;
             align-items: center;
+            white-space: nowrap;
+        }
+        
+        .filter-bar span {
+            white-space: nowrap;
+        }
+        
+        .filter-bar input[type="date"] {
+            white-space: nowrap;
+            min-width: 130px;
+        }
+        
+        .filter-bar select {
+            white-space: nowrap;
+            min-width: 100px;
+        }
+        
+        .filter-bar input[type="text"] {
+            white-space: nowrap;
+            min-width: 150px;
         }
         
         .filter-bar button {
@@ -170,6 +190,8 @@
             cursor: pointer;
             font-size: 14px;
             transition: all 0.3s ease;
+            white-space: nowrap;
+            min-width: 80px;
         }
         
         .filter-bar button:hover {
@@ -422,6 +444,91 @@
             border-color: #1890ff;
             box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
         }
+        
+        /* 表格容器样式，添加横向滚动 */
+        .table-container {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+        }
+        
+        .table-container table {
+            width: auto;
+            min-width: 100%;
+        }
+        
+        /* 确保表格列宽正确显示 */
+        .table-container th,
+        .table-container td {
+            white-space: nowrap;
+        }
+        
+        /* 筛选容器样式，添加横向滚动 */
+        .filter-container {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+            scrollbar-width: thin;
+            scrollbar-color: #1890ff #f0f0f0;
+        }
+        
+        .filter-container::-webkit-scrollbar {
+            height: 6px;
+        }
+        
+        .filter-container::-webkit-scrollbar-track {
+            background: #f0f0f0;
+            border-radius: 3px;
+        }
+        
+        .filter-container::-webkit-scrollbar-thumb {
+            background: #1890ff;
+            border-radius: 3px;
+        }
+        
+        .filter-container::-webkit-scrollbar-thumb:hover {
+            background: #40a9ff;
+        }
+        
+        .filter-container .filter-bar {
+            width: auto;
+            min-width: 100%;
+            flex-wrap: nowrap;
+            padding: 10px 0;
+        }
+        
+        /* 标签页容器样式，添加横向滚动 */
+        .tab-container-scroll {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+        }
+        
+        .tab-container-scroll .tab-container {
+            width: auto;
+            min-width: 100%;
+        }
+        
+        /* 用户信息容器样式，添加横向滚动 */
+        .user-details-container {
+            width: 100%;
+            overflow-x: auto;
+            margin: 0;
+            padding: 0;
+        }
+        
+        .user-details-container .user-details {
+            width: auto;
+            min-width: 100%;
+        }
+        
+        .user-details-container .detail-grid {
+            width: auto;
+            min-width: 100%;
+        }
     </style>
 </head>
 <body>
@@ -435,9 +542,10 @@
     </div>
     
     <div class="container">
-        <div class="user-details">
-            <h2>用户信息</h2>
-            <div class="detail-grid">
+        <div class="user-details-container">
+            <div class="user-details">
+                <h2>用户信息</h2>
+                <div class="detail-grid">
                 <div class="detail-item">
                     <div class="detail-label">职位名称</div>
                     <div class="detail-value" id="projectName"></div>
@@ -463,20 +571,24 @@
                     <div class="detail-value" id="role"></div>
                 </div>
             </div>
+            </div>
         </div>
         
         <div class="data-section">
             <div class="section-header">
-                <div class="tab-container">
-                    <button class="tab-button active" onclick="switchTab('personal', this)">个人数据</button>
-                    <button class="tab-button" onclick="switchTab('public', this)">公海池数据</button>
+                <div class="tab-container-scroll">
+                    <div class="tab-container">
+                        <button class="tab-button active" onclick="switchTab('personal', this)">个人数据</button>
+                        <button class="tab-button" onclick="switchTab('public', this)">公海池数据</button>
+                    </div>
                 </div>
             </div>
             
             <!-- 个人数据标签页 -->
             <div class="section-content">
                 <div id="personal" class="tab-content active">
-                    <div class="filter-bar">
+                    <div class="filter-container">
+                        <div class="filter-bar">
                         <button onclick="loadPersonalData()">刷新数据</button>
                         <button onclick="filterPersonalData('all')" style="background-color: #52c41a;">全部</button>
                         <button onclick="filterPersonalData('followed')" style="background-color: #faad14;">已跟进</button>
@@ -497,27 +609,30 @@
                             <option value="50">50条/页</option>
                             <option value="100">100条/页</option>
                         </select>
+                        </div>
                     </div>
                     
                     <div id="personalFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div>
                     
-                    <table id="personalTable">
-                        <thead>
-                            <tr>
-                                <th><input type="checkbox" id="selectAllPersonal" onclick="selectAll('personal')"></th>
-                                <th>昵称</th>
-                                <th>手机号</th>
-                                <th>类型</th>
-                                <th>创建时间</th>
-                                <th>跟进内容</th>
-                                <th>响应时间</th>
-                                <th id="managerHeader" onclick="toggleManagerFilter()" style="cursor: pointer;">负责人</th>
-                                <th>操作</th>
-                            </tr>
-                        </thead>
-                        <tbody id="personalBody">
-                        </tbody>
-                    </table>
+                    <div class="table-container">
+                        <table id="personalTable">
+                            <thead>
+                                <tr>
+                                    <th><input type="checkbox" id="selectAllPersonal" onclick="selectAll('personal')"></th>
+                                    <th>昵称</th>
+                                    <th>手机号</th>
+                                    <th>类型</th>
+                                    <th>创建时间</th>
+                                    <th>跟进内容</th>
+                                    <th>响应时间</th>
+                                    <th id="managerHeader" onclick="toggleManagerFilter()" style="cursor: pointer;">负责人</th>
+                                    <th>操作</th>
+                                </tr>
+                            </thead>
+                            <tbody id="personalBody">
+                            </tbody>
+                        </table>
+                    </div>
                     <div id="personalEmpty" class="empty-state">暂无个人数据</div>
                     <div class="pagination" id="personalPagination">
                     </div>
@@ -525,7 +640,8 @@
                 
                 <!-- 公海池数据标签页 -->
                 <div id="public" class="tab-content">
-                    <div class="filter-bar">
+                    <div class="filter-container">
+                        <div class="filter-bar">
                         <button onclick="loadPublicData()">刷新数据</button>
                         <button id="publicAssignButton" onclick="openAssignModal()" style="background-color: #722ed1;">分配</button>
                         <input type="text" id="publicPhoneSearch" placeholder="搜索手机号" style="margin-left: 20px; padding: 4px 8px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px;">
@@ -542,27 +658,30 @@
                             <option value="50">50条/页</option>
                             <option value="100">100条/页</option>
                         </select>
+                        </div>
                     </div>
                     
                     <div id="publicFilterTags" style="margin-top: 10px; margin-bottom: 10px;"></div>
                     
-                    <table id="publicTable">
-                        <thead>
-                            <tr>
-                                <th><input type="checkbox" id="selectAllPublic" onclick="selectAll('public')"></th>
-                                <th>昵称</th>
-                                <th>手机号</th>
-                                <th>类型</th>
-                                <th>创建时间</th>
-                                <th>跟进内容</th>
-                                <th>响应时间</th>
-                                <th id="publicManagerHeader" onclick="toggleManagerFilter('public')" style="cursor: pointer;">负责人</th>
-                                <th>操作</th>
-                            </tr>
-                        </thead>
-                        <tbody id="publicBody">
-                        </tbody>
-                    </table>
+                    <div class="table-container">
+                        <table id="publicTable">
+                            <thead>
+                                <tr>
+                                    <th><input type="checkbox" id="selectAllPublic" onclick="selectAll('public')"></th>
+                                    <th>昵称</th>
+                                    <th>手机号</th>
+                                    <th>类型</th>
+                                    <th>创建时间</th>
+                                    <th>跟进内容</th>
+                                    <th>响应时间</th>
+                                    <th id="publicManagerHeader" onclick="toggleManagerFilter('public')" style="cursor: pointer;">负责人</th>
+                                    <th>操作</th>
+                                </tr>
+                            </thead>
+                            <tbody id="publicBody">
+                            </tbody>
+                        </table>
+                    </div>
                     <div id="publicEmpty" class="empty-state">暂无公海池数据</div>
                     <div class="pagination" id="publicPagination">
                     </div>
