ios android web字体适配

本文主要是介绍ios android web字体适配，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1 head增加   <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

2 使用字体单位采用rem 

将px转成rem

      !function (e, t) { function n() { var n = l.getBoundingClientRect().width; t = t || 540, n > t && (n = t); var i = 100 * n / e; r.innerHTML = "html{font-size:" + i + "px !important;}" } var i, d = document, o = window, l = d.documentElement, r = document.createElement("style"); if (l.firstElementChild) l.firstElementChild.appendChild(r); else { var a = d.createElement("div"); a.appendChild(r), d.write(a.innerHTML), a = null } n(), o.addEventListener("resize", function () { clearTimeout(i), i = setTimeout(n, 300) }, !1), o.addEventListener("pageshow", function (e) { e.persisted && (clearTimeout(i), i = setTimeout(n, 300)) }, !1), "complete" === d.readyState ? d.body.style.fontSize = "16px" : d.addEventListener("DOMContentLoaded", function (e) { d.body.style.fontSize = "16px" }, !1) }(750, 750);

这篇关于ios android web字体适配的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---