通用手机端样式：
media all and (orientation : portrait) {
/*竖屏*/
}
media all and (orientation : landscape) {
/*横屏*/
}
指定手机端高度样式：
media screen and (max-width: 750px)
media screen and (min-width: 720px) and (max-width: 960px) {//720 <= xxx =768的设备
场景：为适应各种大小的屏幕
自适应布局我知道的两种方式
1.使用媒体查询，下面制定了几种适应方式，例如第一个表示屏幕宽度在320px-360px之间的，html字体大小适配为13.65px
media only screen and (max-width: 360px) and (min-width: 320px){
html{
font-size:13.65px;
}
}
media only screen and (max-width: 375
