发表于: 2018-07-08 01:10:24

2 675


       万丈高楼平地起,基础是关键。所以我选择从最基础的CSS开始,一步步走向前端开发的康庄大道。

       该任务的主要难点是适配所有的设备,我的做法是在公司给的模板上进行了改进,使之不需刷新页面也能在改变屏幕宽度时立刻进行响应。如下所示:

function init() {
  1. document.documentElement.style.fontSize = 100innerWidth / 750 + "px";
}
        init();
window.addEventListener('orientationchange', init, false);
window.addEventListener('resize', init, false);

       该代码表示页面首次加载、设备方向改变和窗口变化时加载init函数,使之适配屏幕调整根节点html的默认字体大小,然后利用rem进行布局,方便快捷,省心省力,实乃居家旅行写bug之良药,你不来一份吗?


返回列表 返回列表
评论

    分享到