发表于: 2019-02-28 17:22:15
1 696
今天完成的事情:接着做任务5的后半部分。
明天计划的事情:巩固一下以往的知识,开始任务6。
遇到的问题:任务要求在不同分辨率下布局不被破坏,而且使得页面在不同分辨率不同设备上都能正常显示。一开始尝试了很久一直无法实现,后来注意到网页缩放到了33%,导致所有的单位用rem来实现的,后来恢复正常后,调整为px,方便了之后的布局。其中使用到了 position: fixed;使得header和footer可以固定在上下端,使中间内容实现了滑动。
收获:通过今天的知识,加深了flex的应用, 使得布局中更加灵活。
评论