rem问题

var docEl = document.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function() {
        //设置根字体大小
        docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px';
    };

//绑定浏览器缩放与加载时间
window.addEventListener(resizeEvt, recalc, false);
document.addEventListener('DOMContentLoaded', recalc, false);

这段是动态获取font-size大小吗？假如clientWidth=320px，此时font-size=20px，1rem=20px，这时候20px是不是有点大啊？怎样获取最合适的font-size，就是比如div{width:400px;height=400px;border:1px solid}在不同clientWidth下让这个盒子看起来大小最舒服？