博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
响应式-使用rem的js实现
阅读量:6071 次
发布时间:2019-06-20

本文共 528 字,大约阅读时间需要 1 分钟。

记得这是一道阿里云出的类似的笔试题,而且很有实用价值。所以此类笔试题还是建议多一些好. 通过resize设置rem 这里是以pc端设计稿来做基准的,手机端套用就好

const resize = window.resize = () => {    const methods = () => {        let def = 100/1920          // 以1920的设计图为基准,使用100px作为参考,如果是手机端的设计稿就把1920换成750好了        let w = window.innerWidth        let rem = w*def        document.documentElement.style.fontSize = rem + 'px'    }    // 做了防抖,防止频繁调整窗口大小带来的性能问题    if (resizeTimeout) {        clearTimeout(resizeTimeout)        resizeTimeout = null    }    var resizeTimeout = setTimeout(methods, 30)}复制代码

转载地址:http://dsbgx.baihongyu.com/

你可能感兴趣的文章
python-45: opener 的使用
查看>>
cad图纸转换完成的pdf格式模糊应该如何操作?
查看>>
Struts2与Struts1区别
查看>>
网站内容禁止复制解决办法
查看>>
Qt多线程
查看>>
我的友情链接
查看>>
Ubuntu12.04 编译android源代码及生成模拟器经历分享
查看>>
KVM网络桥接设置方法
查看>>
Puppet学习手册:Puppet Yum安装
查看>>
我的友情链接
查看>>
ansible学习记录
查看>>
网思科技校园网计费解决方案
查看>>
我的友情链接
查看>>
携程 Apollo分布式部署
查看>>
2017 Hackatari Codeathon B. 2Trees(深搜)(想法)
查看>>
单词统计
查看>>
输入一个数字计算圆的面积
查看>>
在Delphi中隐藏程序进程
查看>>
AngularJS PhoneCat代码分析
查看>>
MEF元数据应用说明
查看>>