常用

手机端多行文字溢出
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-320px){

}


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

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

}

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

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

原文地址:https://www.cnblogs.com/zongbojue/p/14309172.html