diff --git a/src/components/global.less b/src/components/global.less
index ef4747ef..22fbefde 100644
--- a/src/components/global.less
+++ b/src/components/global.less
@@ -632,4 +632,34 @@ body {
 
 .divider-transparent {
   background: transparent !important;
+}
+
+.comment-content-wrapper {
+  h1 {
+    font-size: 18px;
+  }
+
+  h2 {
+    font-size: 16px;
+  }
+
+  h3 {
+    font-size: 14px;
+  }
+
+  h4 {
+    font-size: 12px;
+  }
+
+  h5 {
+    font-size: 10px;
+  }
+
+  h6 {
+    font-size: 8px;
+  }
+
+  img {
+    width: 100%;
+  }
 }
\ No newline at end of file
diff --git a/src/views/comment/CommentList.vue b/src/views/comment/CommentList.vue
index e16e3f33..37a1ad59 100644
--- a/src/views/comment/CommentList.vue
+++ b/src/views/comment/CommentList.vue
@@ -106,6 +106,7 @@
           :pagination="false"
         >
           <p
+            class="comment-content-wrapper"
             slot="content"
             slot-scope="content"
             v-html="content"
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index ca600576..26b100b2 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -155,7 +155,7 @@
                       <template slot="actions">
                         <span @click="handleCommentReplyClick(item)">回复</span>
                       </template>
-                      <p slot="content" v-html="item.content"></p>
+                      <p class="comment-content-wrapper" slot="content" v-html="item.content"></p>
                       <a-tooltip
                         slot="datetime"
                         :title="item.createTime | moment"