增加media query

4 years ago · 91fd18ba2f
parent 5db7411c5b
commit 91fd18ba2f
1 changed files with 5 additions and 0 deletions
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@ -73,6 +73,11 @@
        .chatBoxMe .chatUser{text-align: right}
        .chatBoxMe .chatContent:after{left:auto;right: -10px;}
        .chatArea{float: left;width: 76%;margin: 4px 0 0 4px;}
+        @media screen and (max-width: 500px) {
+            .chatArea {
+                width: 60%;
+            }
+        }
        .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;}