html {
    width:100%;
    height:100%;
    font-size:12px;
    line-height:1.5;
}
@media only screen and (min-width:320px) {
    html  {font-size:12px;}}
@media only screen and (min-width:375px) {
    html  {font-size:14px;}}
@media only screen and (min-width:412px) {
    html  {font-size:16px;}}
    

目前基本是这样的写法，针对不同分辨率设置不一样的font-size，直接设置html，也就改变了rem，所以和px相关的就可以直接用rem解决，基本没有什么大问题，当然这里媒体查询只有三个屏幕，还可以更多，但我懒得弄了。最近发现在大屏安卓手机上字体很大，然后觉得可能这个方法不是很合理，不过ios全平台一直很好。看了一些文章后，发现很困惑，的确有几个不一样的方法，好多人推荐淘宝的flexable.js，但我看了下，觉得繁琐，能用css解决的就不要用js，所以懒得尝试，不知道是不是真的很好。然后还看到一段代码html,body {font-size: calc(100vw/7.5);}，觉得很简短，但不知道是否合理。所以想看看大家一般怎么适配不同分辨率的手机的啊，固定字体的话不合理，小手机偏大，大手机高分屏看不清，而且也不怎么搞得懂dpr啥的，大家有没有好的简单点的什么方法啊。