fontsize.js

这里的“640”是变化的,根据设计图的尺寸来。
这个存放在名为fontsize.js文件里,在页面引入这个文件。目的是为了字体随屏幕自适应。

!function(a) {
    function b() {
        var b = a.document,
            c = b.documentElement,
            d = c.getBoundingClientRect().width;
        document.documentElement.style.fontSize = 100 * (d / 640) + "px"
    }
    window.addEventListener("DOMContentLoaded", function() {
        b()
    }, !1),
    window.addEventListener("resize", function() {
        b()
    }),
    b()
}(window);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,839评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,297评论 4 61
  • 人都说童年是人一生中最为快乐的时光,人都说情感是你一生最难忘的回忆,当你老去之时,会带走的仅有这份执拗的回忆……
    鬼椒梦冕阅读 1,462评论 0 0
  • 窗外有一棵树,和我的直线距离不到三米,因为隔着一堵墙和一面窗户,我们就一直保持着彼此的姿势和距离,互不打扰。 很多...
    王子和白龙马阅读 2,555评论 1 2