html5 rem初始化改变大小

技术分享 · Fecmall · 于 4年前 发布 · 1366 次阅读

在head里面添加js代码

<script>
            (function(doc, win) {
                var html = doc.getElementsByTagName("html")[0],
                // orientationchange->手机屏幕转屏事件
                // resize->页面大小改变事件(一边pc端有用)
                reEvt = "orientationchange" in win ? "orientationchange" : "resize",
                reFontSize = function() {
                    var clientW = doc.documentElement.clientWidth || doc.body.clientWidth;
                    if(!clientW) {
                        return;
                    }
                    html.style.fontSize = 7.81 * (clientW / 375) + "px";
                }
                win.addEventListener(reEvt, reFontSize);
                // DOMContentLoaded->dom加载完就执行,onload要dom/css/js都加载完才执行
                doc.addEventListener("DOMContentLoaded", reFontSize);
            })(document, window);
        </script>

大小,更改js代码里面的 7.81即可。

共收到 0 条回复
没有找到数据。
添加回复 (需要登录)
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册
Your Site Analytics