-
-
Save HelKyle/ab8acb03eddf5af375f482e56dec01e3 to your computer and use it in GitHub Desktop.
淘宝rem.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // meta设置正常，需要设置设计稿宽度默认640，默认屏幕宽度为10rem | |
| (function (doc, win, option) { | |
| var designWidth = option.designWidth || 640 | |
| var docEl = doc.documentElement, | |
| resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", | |
| recalc = function () { | |
| var clientWidth = docEl.clientWidth; | |
| var size = designWidth/20; | |
| if (!clientWidth) return; | |
| if (clientWidth<designWidth){ | |
| docEl.style.fontSize = size * (clientWidth / (designWidth/2) ) + "px"; | |
| }else{ | |
| docEl.style.fontSize = size * 2 + "px"; | |
| } | |
| }; | |
| if (!doc.addEventListener) return; | |
| win.addEventListener(resizeEvt, recalc, false); | |
| doc.addEventListener('DOMContentLoaded', recalc, false); | |
| })(document, window, { | |
| designWidth : 750 | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment