最近研究微贷网的移动端代码,发现他们网站在适配不同宽度屏幕的显示情况时,发现他们并不是利用rem单位,而是利用js动态设置mete的viewport来达到适配的效果。
感觉挺不错的,也不需要计算什么东西,单位继续用px.代码分享下:
// 计算缩放比例 (function () { var phoneScale = parseInt(window.screen.width) / 375; document.write(‘<meta name="viewport" content="width=375, minimum-scale=‘ + phoneScale + ‘, maximum-scale=‘ + phoneScale + ‘, user-scalable=no">‘); })();