移动端媒体查询适配

主要用于移动端内容适配，由于移动端有时候需要根据高度来进行适配，比如iPhone4和iPhone5的宽度一样，但是高度不同

/*iphone4*/
@media only screen and (max- 320px) and (max- 480px) {
html,body{
font-size: 12px;
}
}
/*iphone5*/
@media only screen and (max- 320px) and (min-height: 568px) {
html,body{
font-size: 14px;
}
}
/*ihpne6,7,8*/
@media only screen and (min- 375px) and (max- 413px) {
html,body{
font-size: 16px;
}
}
/*ihpne6,7,8Plus*/
@media only screen and (min- 414px) and (max- 640px) {
html,body{
font-size: 18px;
}
}