手机端屏幕适配

*{

margin:0;padding:0;outline:0

a{

text-decoration:none

body,html{

font-size:20px;font-family:'Microsoft YaHei,微软雅黑';height:100%;

-webkit-input-placeholder{

color:#ccc

::-moz-placeholder{

color:#ccc

:-ms-input-placeholder{

color:#ccc

input:-moz-placeholder{

color:#ccc

html{

font-size:20px;height:100%

@media only screen and (min-width:320px) and (min-height:480px){

html{

font-size:20px!important

@media only screen and (min-width:320px) and (min-height:568px){

html{

font-size:20px!important

@media only screen and (min-width:360px) and (min-height:640px){

html{

font-size:22.5px!important

@media only screen and (min-width:375px) and (min-height:667px){

html{

font-size:23.5px!important

@media only screen and (min-width:414px) and (min-height:736px){

html{

font-size:25.9px!important

@media only screen and (min-width:736px){

html{

font-size:46px!important

}

转载至：https://www.cnblogs.com/lijiageng/p/6423347.html