手机端开发,一般以320px宽为最低标题。市场上的手机,大多数是360px宽。
20px=1rem是最容易换算的,基本上可以口算,除以2并缩小十倍。1px/20=0.05rem。两位小数就可以除尽了。
结合媒体查询就是:
@media only screen and (min-width: 320px){ html { font-size : 20px !important; } }
当然了,你也可以选择js动态计算:
var width = window.screen.width; document.getElementsByTagName("html")[0].style.fontSize = (width*0.0625) + "px";
时间: 2024-10-10 09:29:45