移动端自适应rem.js的使用方法(不用三大框架，仅写一个单html页面使用)

最新推荐文章于 2022-01-11 10:30:55 发布

人间草木96

最新推荐文章于 2022-01-11 10:30:55 发布

阅读量1.1k

点赞数

分类专栏：个人总结

本文链接：https://blog.csdn.net/qq_43258252/article/details/88862959

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script>
      // i = 750   ,   750代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;
      // d = i / 100, 100代表换算比例，这里写100是为了以后好算;
      // 比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等
      // 当然了，要把这段js代码最好封装在一个单独的js文件里，并且放在所有的css文件引入之前加载。
      !(function(n) {
        let e = n.document,
          t = e.documentElement,
          i = 750,
          d = i / 100,
          o = 'orientationchange' in n ? 'orientationchange' : 'resize',
          a = function() {
            let n = t.cli

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

人间草木96

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
移动端自适应rem.js的使用方法(不用三大框架，仅写一个单html页面使用)

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equ...
复制链接

扫一扫