发表于： 2018-07-08 01:10:24
2 680
万丈高楼平地起，基础是关键。所以我选择从最基础的CSS开始，一步步走向前端开发的康庄大道。
该任务的主要难点是适配所有的设备，我的做法是在公司给的模板上进行了改进，使之不需刷新页面也能在改变屏幕宽度时立刻进行响应。如下所示：
function init() {
- document.documentElement.style.fontSize = 100 * innerWidth / 750 + "px";
}
init();
window.addEventListener('orientationchange', init, false);
window.addEventListener('resize', init, false);
该代码表示页面首次加载、设备方向改变和窗口变化时加载init函数，使之适配屏幕调整根节点html的默认字体大小，然后利用rem进行布局，方便快捷，省心省力，实乃居家旅行写bug之良药，你不来一份吗？
返回列表
评论