Visual Studio Code :PX转rem
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
(function(doc, win) {var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',recalc = function() {var clientWidth = docEl.clientWidth;if (!clientWidth) return;if (clientWidth >= 750) {docEl.style.fontSize = '100px';} else {docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';}};if (!doc.addEventListener) return;win.addEventListener(resizeEvt, recalc, false);doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
更改js中的宽度,如果设计稿是750的就写750,是640的就改为640的,现在大部分是根据iPhone6的宽度来的设计稿,也就是750px的设计图。
我们以100px为单位,这样就可以不用执行减半等换算工作,设计稿给多少值,就用多少值/100
1.在搜索框中输入cssremroot
关闭重启