PhoneGap中文网

标题: ionic3自适应问题 [打印本页]

作者: junzhi 时间: 2017-12-25 13:47
标题: 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
pc端浏览器最小支持的字体就是12px，你可以不用管，放在手机就正常了

作者: junzhi 时间: 2017-12-27 08:42

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

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

作者: junzhi 时间: 2017-12-27 08:42

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

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

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)