做手机页面的时候为什么在不同手机上面字体的大小会不一样呢？

2024-12-31 14:29:57

推荐回答（5个）

回答1：

不同手机的浏览器默认分辩率是不一样的。iphone的宽度都是320px的。三星的有可能是480px或360px的宽度。

你可以通过媒体查询设置在不同分辩率下字体的大小。

@media only screen and (min-width:320px){
  body{font-size:11.5px!important}.viewport{max-width:320px}
}
@media only screen and (min-width:360px){
  body{font-size:12.5px!important}.viewport{max-width:360px}
}
@media only screen and (min-width:480px){
  body{font-size:16px!important}.viewport{max-width:480px}
}

回答2：

手机专用控制设置下，这是因为不同手机浏览器的缩放问题。把缩放控制为1倍即可。。。

回答3：

手机可以设置系统字体大小的

回答4：

这是不同系统不同优化造成的，无需深究。

回答5：

兼容的问题吧