博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端响应式【我的代码】
阅读量:7023 次
发布时间:2019-06-28

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

scss:

  

@function a($px, $base-font-size: 100px) {    @if (unitless($px)) {        @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";        @return a($px + 0px); // That may fail.      } @else if (unit($px) == rem) {        @return $px;      }    @return ($px / $base-font-size) * 1rem;  }

  

js:

;(function (doc, win, undefined) {    var docEl = doc.documentElement,    resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize',    recalc = function () {    var clientWidth = docEl.clientWidth;    if (clientWidth === undefined) return;    docEl.style.fontSize = 100 * (clientWidth / 1024) + 'px';//1024==我的设计稿尺寸    };    if (doc.addEventListener === undefined) return;    win.addEventListener(resizeEvt, recalc, false);    doc.addEventListener('DOMContentLoaded', recalc, false)    })(document, window);

  

转载于:https://www.cnblogs.com/webSong/p/8301701.html

你可能感兴趣的文章
异步编程
查看>>
《梦断代码》读后感3
查看>>
QT 对项目二次开发 增加类时 遇到LNK 2019 1120 同时出现;C2061 和一堆语法错误
查看>>
JQuery 选择器
查看>>
css学习笔记(2)
查看>>
如何看内核源码
查看>>
Caffe 安装 cannot find -lpython2 错误
查看>>
坑爹的matlab除法
查看>>
MySQL 安装方法
查看>>
WebApi接口传参不再困惑:传参详解
查看>>
类欧几里得算法
查看>>
java可变参数
查看>>
网络安全概论
查看>>
Quidway S系列交换机
查看>>
微服务
查看>>
Bootstrap3 代码-内联代码
查看>>
[转载] SQL进行排序、分组、统计的10个新技巧
查看>>
LeetCode-Flip Game II
查看>>
7天学会node
查看>>
Git 命令
查看>>