diff --git a/components/uni-im-group-notification/uni-im-group-notification.vue b/components/uni-im-group-notification/uni-im-group-notification.vue
index fc984573e00c95d58920510ce07026f86296b67f..f97d3143cbb58de5c5629ddcf42fb90587cf4be7 100644
--- a/components/uni-im-group-notification/uni-im-group-notification.vue
+++ b/components/uni-im-group-notification/uni-im-group-notification.vue
@@ -63,7 +63,6 @@
     padding:14px 16px;
     background-color: #FFFFFF;
     width: 600rpx;
-    font-size: 18px;
     margin-top: 10px;
   }
   .group-notification .title-box{
@@ -72,6 +71,7 @@
   .group-notification .title-box .title{
     padding-left: 5px;
     color: #888;
+    font-size: 18px;
   }
   .group-notification .content{
     color: #555;
@@ -79,5 +79,6 @@
     /* #ifndef APP-NVUE */
     word-break: break-all;
     /* #endif */
+    font-size: 16px;
   }
 </style>
\ No newline at end of file
diff --git a/components/uni-im-view-msg/uni-im-view-msg.vue b/components/uni-im-view-msg/uni-im-view-msg.vue
index 5118e08aead8c01a6bd7640ea07fe462298e2ac8..7b4ec29c2a5c9285a95ae0acaa42f3ebc6f371cf 100644
--- a/components/uni-im-view-msg/uni-im-view-msg.vue
+++ b/components/uni-im-view-msg/uni-im-view-msg.vue
@@ -63,14 +63,20 @@ export default {
     max-width: 100vw !important;
     max-height: 100vh !important;
     background-color: rgba(0, 0, 0, .5);
-  }
-  .msg-list {
-    position: fixed;
+  }
+  .msg-list {
     background-color: #fff;
-    width: 600px;
     top: 25%;
-    left: calc(50% - 300px);
   }
+  /* #ifdef H5 */
+  @media screen and (min-device-width:960px) {
+    .msg-list {
+      position: fixed;
+      width: 600px;
+      left: calc(50% - 300px);
+    }
+  }
+  /* #endif */
 
   .msg-list .header {
     flex-direction: row;