修改media query

4 years ago · 4e6ef65ca3
parent 91fd18ba2f
commit 4e6ef65ca3
1 changed files with 4 additions and 4 deletions
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@ -73,12 +73,12 @@
        .chatBoxMe .chatUser{text-align: right}
        .chatBoxMe .chatContent:after{left:auto;right: -10px;}
        .chatArea{float: left;width: 76%;margin: 4px 0 0 4px;}
+        .btnArea{width: 20%;float: right;}
        @media screen and (max-width: 500px) {
-            .chatArea {
-                width: 60%;
-            }
+            .chatArea {width: 60%;}
+            .btnArea{width: 35%;}
        }
-        .btnArea{width: 20%;float: right;}
+
        .chatTitle{height: 30px;line-height: 30px;color: #1989fa}
        .chatBoxSend{background: #fff;position: fixed;bottom: 0;width: 100%;height: 67px;max-width: 800px;}
        .chatBoxSendBtn{float: right;margin: 12px 4px 0 0;}