聊天窗口

WebSite/css/chat.css

@@ -3,6 +3,7 @@
 			    font: 14px/1.4em 'Helvetica Neue', Helvetica, 'Microsoft Yahei', Arial, sans-serif;
 			    background: #f5f5f5 url(img/chat_bg.jpg) no-repeat center;
 			    background-size: cover;
+			
 			}
 			ul,li{
 				list-style: none;
@@ -14,7 +15,8 @@
 				/*margin: 20px auto;*/
 			    width: 100%;
 			    /*width: 900px;*/
-			    height: 600px;
+			    /*height: 100%;*/
+			    height: 450px;
 			    overflow: hidden;
     			border-radius: 3px;
 			}
@@ -43,6 +45,7 @@
 			    position: relative;
 			    /*overflow: hidden;*/
 			    background-color: #eee;
+			    height: 100%;
 			}
 			.ver_middle{
 				vertical-align: middle;
@@ -118,7 +121,7 @@
 		.main_message{
 		    /*overflow-y: scroll;*/
 		    /*height: calc(100% - 195px);*/
-		    height: calc(100% - 160px);
+		    height: 300px;
 		    /*margin-top: 2pc;*/
 		   /*padding-top: 35px;*/
 		}
@@ -184,17 +187,17 @@
 			    }
 		
 		.main_sendMessage{
-			    position: absolute;
+			    /*position: absolute;*/
 			    width: 100%;
-			    bottom: 0;
-			    left: 0;
-			    height: 10pc;
+			    /*bottom: 0;
+			    left: 0;*/
+			         height: 150px; 
   				 border-top: 1px solid #ddd;
   				 background: #fff;
 		}
 		.main_sendMessage textarea{
 			    padding: 10px;
-			    height: 70%;
+			    height: 55%;
 			    width: 98%;
 			    border: none;
 			    outline: 0;

WebSite/index.html

@@ -599,7 +599,7 @@
 					type: 2,
 					content: "chatWith.html", //iframe的url，no代表不显示滚动条
 					title: '在线客服聊天',
-					area: ['950px', '665px'], //宽高
+					area: ['40%', '520px'], //宽高
 				});
 			})