美文网首页
发现一个适配的好方法

发现一个适配的好方法

作者: 唯一里的不唯一 | 来源:发表于2019-06-18 23:37 被阅读0次

我之前只是单纯用rem

发现适配效果真的有点微乎其微 几乎没什么变化的感觉……结果发现好像其实rem就是和js一起使用才会有适配效果的 故加了这几行代码之后

<script> !(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = 18 * (clientWidth / 375) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window) </script>

适配效果大幅增加

大概1rem=16px

相关文章

  • 发现一个适配的好方法

    我之前只是单纯用rem 发现适配效果真的有点微乎其微 几乎没什么变化的感觉……结果发现好像其实rem就是和js一起...

  • 图片快速适配黑暗模式

    发现一个UIImage的方法,适配黑暗模式不用加图片了,只改tintColor就行

  • 适配器

    定义一个适配器接口,有几个通用的适配方法入口,每个适配器类实现都为调用被适配者的方法做了适配。和装饰模式的代码表现...

  • 发现一个好方法

    上班的时候要时时盯着上班的页面,虽然来人了有声音提醒,但是也不敢开其它的网页,今天忽然想起,可以另开一个窗口,这...

  • Android屏幕适配(三)

    前言 屏幕适配的一种方法,生成多个XML文件,来实现屏幕适配的方法。 提供一个工具类如下:

  • Python适配器模式

    适配器模式,适配不同方法的类。

  • iOS字体大小适配的几种方法

    iOS字体大小适配的几种方法 iOS字体大小适配的几种方法

  • iOS13适配更新总结

    前言: iOS13的API的变动和适配问题,我从新特性适配、API 适配、方法弃用、工程适配、SDK 适配、其他问...

  • 移动端适配方案

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

  • 最近发现一个好的开源方法

    想办法开源是好事,但是一定要走正道! 下图是她理财的一个妹子发的: 图里的字比较小,规划君简单说一下: 一个妹子为...

网友评论

      本文标题:发现一个适配的好方法

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