常用

手机端多行文字溢出
overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

/*屏幕小于320*/
@media only screen and (max-width:320px){

}

/* 321 <screen<375 */
@media only screen and (min-width: 321px) and (max-width:375px){
}

/* 376 <screen<414 */
@media only screen and (min-width: 376px) and (max-width:414px){

}

/* screen>414 */
@media only screen and (min-width:415px){

.wrap{ width: 960px; position: relative; margin: 0 auto;}
}