聊天宽度样式

static/css/common.css

@@ -1,3 +1,4 @@
+*{padding:0;margin:0}
 .floatRight{float: right;}
 .clear{clear: both;}
 .faceBtn, .faceBtn:after, .faceBtn {

static/html/chat_page.html

@@ -17,7 +17,7 @@
         html,
         body {
             height: 100%;
-            background: rgb(245,245,245);
+            background: #fff;
         }
         .chatCenter{background: #fff;max-width: 800px;margin: 0 auto;}
         .chatContext{
@@ -72,16 +72,16 @@
         .chatBoxMe .el-col-3{float: right;text-align: right;}
         .chatBoxMe .chatUser{text-align: right}
         .chatBoxMe .chatContent:after{left:auto;right: -10px;}
-        .chatArea{float: left;width: 76%;margin: 4px 0 0 4px;}
+        .chatArea{float: left;width: 79%;margin: 4px 0 0 4px;}
         .btnArea{width: 20%;float: right;}
         @media screen and (max-width: 500px) {
             body{background: #fff}
-            .chatArea {width: 65%;}
-            .btnArea{width: 30%;}
+            .chatArea {width: 66%;}
+            .btnArea{width: 32%;}
         }
 
         .chatTitle{height: 30px;line-height: 30px;color: #1989fa}
-        .chatBoxSend{background: #fff;position: fixed;bottom: 0;width: 100%;height: 67px;max-width: 800px;}
+        .chatBoxSend{background: #f5f5f5;position: fixed;bottom: 0;width: 100%;height: 67px;max-width: 800px;}
         .chatBoxSendBtn{float: right;margin: 12px 4px 0 0;}
         .chatTime{text-align: center;color: #bbb;margin: 5px 0;font-size: 12px;}
         .chatTimeHide{display: none;}