junzhi 发表于 2017-12-25 13:47:00

ionic3自适应问题

在ionic3中发现默认1rem=12px;我在asset中引入了以前做自适应的一段代码
(function (doc, win) {
    var docEl = doc.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if (clientWidth<=320){
                docEl.style.fontSize = '6px';
            }
            else if(clientWidth>=640){
                docEl.style.fontSize = '12px';
            }
            else{
                docEl.style.fontSize = 12 * (clientWidth / 640) + 'px';
            }
      };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);


启动项目之后，发现只有字体可以进行自适应，然后设置了div的height: 5rem,随着窗口变换还是保持在60px的高度，如何让高度进行自适应

ionicwang 发表于 2017-12-26 17:13:40

pc端浏览器最小支持的字体就是12px，你可以不用管，放在手机就正常了

junzhi 发表于 2017-12-27 08:42:35

ionicwang 发表于 2017-12-26 17:13
pc端浏览器最小支持的字体就是12px，你可以不用管，放在手机就正常了

谢谢啊！我改成超过12px的值，div盒子就可以自适应了

junzhi 发表于 2017-12-27 08:42:53

ionicwang 发表于 2017-12-26 17:13
pc端浏览器最小支持的字体就是12px，你可以不用管，放在手机就正常了

谢谢啊！我改成超过12的值，div盒子就可以自适应了
页: [1]
查看完整版本: ionic3自适应问题