2019年了，大家使用的移动端适配方案都是什么？

Question

之前都是使用项目小组长给我设置好的适配方案。实际上我对移动端适配没有什么使用经验，虽然研究了很多诸如flexible，rem，hotcss之类的。但是自己做小项目的时候不知道用什么方案，想自己写rem不知道从哪里下手

Answer 1

自己写个适配：

(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 = 20 * (clientWidth / 320) + 'px';
        };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

Answer 2

一直用的rem：document.getElementsByTagName("html")[0].style.fontSize = (document.documentElement.clientWidth / 750) * 100 + "px";
750的设计稿 150px的话代码上用1.5rem

Answer 3

[来自Google大佬的几点写简历的意见
一篇文章教你读懂UI绘制流程我的Android重构之旅：框架篇
戏说移动江湖开发历程姿势摆好，一招学会android的布局优化！
推荐Android两种屏幕适配方案
屏幕适配全方位解析
Android 目前最稳定和高效的UI适配方案
Android屏幕配适、版本配适与多语言支持
你要的适配全都在这里了—基于Android6.0～9.0
骚年你的屏幕适配方式该升级了!-今日头条适配方案][1]