rem_750

落日映苍穹つ 2021-09-29 14:04 274阅读 0赞

/* fix the code flash the page  */
    var globalWidth = document.documentElement.clientWidth;//window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    var radixNO = 100/750*globalWidth;
    document.documentElement.style.fontSize = radixNO + 'px';
    /* fit document fit the screen, get the radix */
    (function (doc, win) {
        var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var globalWidth = window.innerWidth;// for judge the screen ??
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);

转载于:https://www.cnblogs.com/lengyue0030/p/7562862.html

发表评论取消回复

表情：

评论列表（有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读

相关 Codeforces 750E 线段树DP

题意：给你一个字符串，有两种操作：1：把某个位置的字符改变。2：询问l到r的子串最少需要删除多少个字符，使得这个子串含有2017子序列，并且没有2016子序列？思路：线段树

布满荆棘的人生/ 2023年08月17日 17:22/ 0 赞/ 86 阅读

相关 rem

[https://www.jianshu.com/p/6994a7017dfa][https_www.jianshu.com_p_6994a7017dfa] [https_

刺骨的言语ヽ痛彻心扉/ 2023年06月16日 13:55/ 0 赞/ 3 阅读

相关 js设置页面750适配

(function() { if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {

电玩女神/ 2023年02月17日 02:38/ 0 赞/ 6 阅读

相关最新rem适配H5 750设计稿代码

最新rem适配H5 750设计稿代码，比较严谨，项目中可直接使用，很简单方便 <script> //简单版 // functi

布满荆棘的人生/ 2022年11月20日 01:51/ 0 赞/ 170 阅读

相关 rem .css,CSS rem

在移动端飞速发展的当下，移动端页面的适配越来越成了大家所关注的问题，当我们把PC端的px拿到移动端，发现越来越不适用，媒体查询实在是太繁琐了。进而出现了em、rem、vw等单位

喜欢ヅ旅行/ 2022年09月02日 15:40/ 0 赞/ 212 阅读

相关设计稿750px 配置rem

设计稿750px 配置rem > 获取设备宽度 > >750 等于750 > <320 等于320 > 设置字体大小设备宽度/7.5 1rem=100像素

桃扇骨/ 2022年08月29日 09:38/ 0 赞/ 264 阅读

相关 rem

移动端js / 设置浏览器逻辑宽度的像素为定值 / //把360像素设为浏览器的宽度 (function(document, windo

墨蓝/ 2022年06月01日 08:24/ 0 赞/ 171 阅读

相关 rem

转自：http://www.cnblogs.com/leinov/p/7837610.html rem官方解释是 font size of the root eleme

川长思鸟来/ 2022年05月29日 04:00/ 0 赞/ 212 阅读

相关 rem_750

/ fix the code flash the page / var globalWidth = document.documentElement.clie

落日映苍穹つ/ 2021年09月29日 14:04/ 0 赞/ 275 阅读

相关 rem布局

原理:通过修改html根元素的大小,使得整体元素大小使得改变 1、创建js文件 (function(){ func

我就是我/ 2021年07月24日 11:05/ 0 赞/ 458 阅读