做手机响应式

@media only screen and (max-1920px){
html,body{
font-size:60px;
}
}
@media only screen and (max-1600px){
html,body{
font-size:50px;
}
}
@media only screen and (max-1440px){
html,body{
font-size:45px;
}
}
@media only screen and (max-1360px){
html,body{
font-size:42.5px;

}
}
@media only screen and (max-1280px){
html,body{
font-size:40px;
}
}
@media only screen and (max-1080px){
html,body{
font-size:33.75px;
}
}
@media only screen and (max-960px){
html,body{
font-size:30px;
}
}
@media only screen and (max-720px){
html,body{
font-size:22.5px;
}
}
@media only screen and (max-640px){
html,body{
font-size:20px;
}
}
@media only screen and (max-540px){
html,body{
font-size:16.875px;
}
}
@media only screen and (max-480px){
html,body{
font-size:15px;
}
}
@media only screen and (max-414px){
html,body{
font-size:13px;
}
}
@media only screen and (max-400px){
html,body{
font-size:12.5px;
}
}
@media only screen and (max-360px){
html,body{
font-size:11.25px;
}
}
@media only screen and (max-320px){
html,body{
font-size:10px;
}
}

有交集现象