rem适配

作者: BugMyGod | 来源:发表于2018-12-06 15:37 被阅读0次

rem.js

"use strict"
window.onload = function(){
    /*720代表设计师给的设计稿的宽度,100代表换算比例,这里写100是为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
    getRem(750,100)
};
window.onresize = function(){
    getRem(750,100)
};
function getRem(pwidth,prem){
    window.html = document.getElementsByTagName("html")[0];
    window.oWidth = document.body.clientWidth || document.documentElement.clientWidth;
    console.log(oWidth)
    html.style.fontSize = oWidth/pwidth*prem + "px";
    console.log(html.style.fontSize)
}

相关文章

  • 适配rem

    PPI 计算 适配rem

  • 解决vue移动端适配问题

    1,先看看网上关于移动端适配讲解 再聊移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点 字体的大小...

  • 解决vue移动端适配问题

    1,先看看网上关于移动端适配讲解 再聊移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点字体的大小。...

  • React 配置 rem (移动端适配)

    移动端适配方案介绍 在移动端中,为了设配不同的设备,通常使用rem来做适配。 rem是通过根元素进行适配的,网页中...

  • 移动端适配及pc端跳转代码

    移动端rem适配 pc端跳转

  • loding...

    移动端适配 remflexible.js也是rem适配的,它是将设备分成10份,1rem等于1/10。分析其中部分...

  • 移动Web

    屏幕适配 rem适配 1、设置 设置页面元素宽度单位为 rem 或 em注:此方案比较灵活,我们的案例将采用这种方...

  • 移动端之js控制rem,适配字体

    移动端之js控制rem,适配字体

  • rem布局

    这个可以适配rem布局的JS代码

  • 移动端适配方案

    @description 该方法是用于移动端适配功能, 结合淘宝的适配方案flexible + rem 实现适配,...

网友评论

      本文标题:rem适配

      本文链接:https://www.haomeiwen.com/subject/ztyocqtx.html