diff --git a/doc/ysxy.html b/doc/ysxy.html
index f384a3ed9..32abdf6ad 100644
--- a/doc/ysxy.html
+++ b/doc/ysxy.html
@@ -2,16 +2,27 @@
 
 <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>Voitrans隐私政策</title>
     <style>
         body {
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             line-height: 1.6;
-            max-width: 900px;
-            margin: auto;
-            padding: 20px;
+            margin: 0;
+            padding: 16px;
             color: #2d2d2d;
             background-color: #fafafa;
+            overflow-x: hidden;
+            word-wrap: break-word;
+            word-break: break-all;
+        }
+
+        @media (min-width: 768px) {
+            body {
+                max-width: 900px;
+                margin: 0 auto;
+                padding: 20px 40px;
+            }
         }
 
         h1 {
@@ -39,6 +50,8 @@
         p {
             margin-bottom: 1em;
             text-align: justify;
+            word-wrap: break-word;
+            word-break: break-all;
         }
         ul {
             margin-bottom: 1em;
diff --git a/doc/ysxy_en.html b/doc/ysxy_en.html
index c6fa999bd..8c51573d4 100644
--- a/doc/ysxy_en.html
+++ b/doc/ysxy_en.html
@@ -13,6 +13,9 @@
             margin: 0;
             padding: 0;
             background-color: #fff;
+            overflow-x: hidden;
+            word-wrap: break-word;
+            word-break: break-all;
         }
 
         .container {
@@ -57,6 +60,8 @@
             margin-bottom: 12px;
             text-align: justify;
             font-size: 14px;
+            word-wrap: break-word;
+            word-break: break-all;
         }
 
         ul, ol {
@@ -67,6 +72,8 @@
         li {
             margin-bottom: 6px;
             font-size: 14px;
+            word-wrap: break-word;
+            word-break: break-all;
         }
 
         .date-info {