媒体查询 + rem

2018-08-04  本文已影响0人  zhangwinwin

媒体查询 + rem

html{
  font-size: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 374px){ 
  html { 
    font-size: 10px !important; 
  } 
} 
@media only screen and (min-width: 375px) and (max-width: 413px){ 
  html { 
    font-size: 11.719px !important; 
  } 
} 
@media only screen and (min-width: 414px) and (max-width: 768px){ 
  html { 
    font-size: 12.94px !important; 
  } 
} 
@media only screen and (min-width: 768px) and (max-width: 749px){ 
  html { 
   font-size: 20.4px !important; 
  } 
}
上一篇 下一篇

猜你喜欢

热点阅读