diff --git a/components/uni-im-msg-list/uni-im-msg-list.vue b/components/uni-im-msg-list/uni-im-msg-list.vue
index 8d37d3ec4737ecca338a5602d3795d80f554b485..e00781ace792cc39710c7f932679d379e353f27c 100644
--- a/components/uni-im-msg-list/uni-im-msg-list.vue
+++ b/components/uni-im-msg-list/uni-im-msg-list.vue
@@ -573,6 +573,10 @@
   
   .uni-im-list-item {
     transform: scale(1, -1);
+    .uni-im-msg {
+      width: 0;
+      flex-grow: 1;
+    }
   }
   /* #ifdef H5 */
   @media screen and (min-device-width:960px) {
diff --git a/components/uni-im-msg/types/rich-text.vue b/components/uni-im-msg/types/rich-text.vue
index 8d9e125cbb45607cbe11bccea53e400fe01155d3..8011a7e23a8587a8e47e95f2e544221d1b2e8a44 100644
--- a/components/uni-im-msg/types/rich-text.vue
+++ b/components/uni-im-msg/types/rich-text.vue
@@ -172,15 +172,13 @@
 
 <style lang="scss">
 .uni-im-rich-text {
-  /* #ifdef H5 */
   display: inline-block;
   background-color: #fff;
   padding: 10px;
   border-radius: 10px;
-  max-width: 550rpx;
-  
+  max-width: 100%;
+  /* #ifdef H5 */
   @media screen and (min-device-width:960px) {
-    max-width: 100%;
     .img {
       max-width: 480px !important;
     }
diff --git a/components/uni-im-msg/types/text.vue b/components/uni-im-msg/types/text.vue
index ef1a8c918a4c31c737c2a775f6c915f6fe4cb4a7..8be6ba4d9ac67383e9d979bbe957ad7ed8581b6d 100644
--- a/components/uni-im-msg/types/text.vue
+++ b/components/uni-im-msg/types/text.vue
@@ -91,7 +91,6 @@
     .msg-text {
       padding: 10px;
       font-size: 15px;
-      justify-content: space-between;
       word-break: break-all;
       cursor: text;
       /* #ifdef H5 */
diff --git a/components/uni-im-msg/uni-im-msg.vue b/components/uni-im-msg/uni-im-msg.vue
index 4bf3339910d5f382ef6409631f9d57321decb96d..325e4d2c37340ba79784de4019a6c154e9b027b1 100644
--- a/components/uni-im-msg/uni-im-msg.vue
+++ b/components/uni-im-msg/uni-im-msg.vue
@@ -384,73 +384,67 @@
 <style lang="scss">
 .uni-im-msg {
   position: relative;
-  flex: 1;
-  /* #ifdef H5 */
   width: 100%;
-  /* #endif */
-  /* #ifdef MP */
-  width: 750rpx;
-  /* #endif */
   .msg-box {
+    position: relative;
     flex-direction: row;
     justify-content: flex-start;
-    padding: 0 8px;
-    margin: 8px 0;
-    position: relative;
-    width: 100%;
-  }
-  
-  /* #ifdef H5 */
-  .msg-box,
-  .msg-box * {
-    cursor: default;
-  }
-  .file-msg-box,
-  .cloud-image {
-    cursor: pointer;
-  }
-  /* #endif */
-  
-  .msg-main {
-    width: 80%;
-    margin: 0 8px;
-    // overflow: hidden;
-  }
-  /* 回复引用某条消息提示框 */
-  .cite-box {
-    margin:8px 0;
-    margin-right: auto;
-    background-color: #e3e3e3;
-    color: #6a6a6a;
-    border-radius: 5px;
-    max-width: 100%;
-    justify-content: center;
-    padding: 5px 10px;
-  }
-  .self .cite-box {
-    margin-right: 0;
-    margin-left: auto;
+    margin: 8px;
+    /* #ifdef H5 */
+    &,& > * {
+      cursor: default;
+    }
+    .file-msg-box,
+    .cloud-image {
+      cursor: pointer;
+    }
+    /* #endif */
+    .msg-main {
+      margin: 0 8px;
+      margin-right: 40px;
+      align-items: flex-start;
+      width: 0;
+      flex-grow: 1;
+      .msg-content-box {
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-start;
+      }
+      
+      /* 回复引用某条消息提示框 */
+      .cite-box {
+        margin:8px 0;
+        background-color: #e3e3e3;
+        color: #6a6a6a;
+        border-radius: 5px;
+        max-width: 100%;
+        justify-content: center;
+        padding: 5px 10px;
+        .cite-box-text {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-size: 14px;
+        }
+      }
+    }
   }
   
-  .cite-box-text {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-size: 14px;
-  }
+  &.self {
+    .msg-box {
+      flex-direction: row-reverse;
+    }
+    .msg-main {
+      align-items: flex-end;
+      margin-right: 8px;
+      margin-left: 40px;
+    }
+    .msg-content-box {
+      justify-content: flex-end;
+    }
+  } 
   
-  .self .msg-main {
-    align-items: flex-end;
-  }
   
-  .msg-content-box {
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-  }
-  .self .msg-content-box {
-    justify-content: flex-end;
-  }
   
   .nickname-box {
     flex-direction: row;
@@ -500,9 +494,6 @@
   .msgStateIcon {
     margin-right: 5px;
   }
-  &.self .msg-box {
-    flex-direction: row-reverse;
-  }
   
   .revoke-text-box {
     flex-direction: row;