发表于: 2022-06-10 13:54:58

0 794


今天完成的事情:

  1. 任务三按步骤操作,调整媒体查询的样式,设置屏幕大于768时,页面最大宽度768px;屏幕小于768时,页面宽度100%;
  2. 之前宽度单位全部用的rem,导致出现一个问题,头部和导航高度会随着屏幕大小变化,logo、文字、qq群等也是;经过思考,除局部使用rem实现屏幕大小变化时微调外,其他使用像素、百分比,最终效果跟任务预览保持一致;
  3. 通过git命令将本地代码同步到远程库,再更新至服务器,已经可以通过ip访问的形式登录查看

明天计划的事情:

  1. 继续后面的任务,通过再学习git命令

遇到的问题:

  1. 任务三总共调整了两边,早上第一遍做好后,使用git命令时出错,网上百度解决时候,将本地修改的代码全部忽略,最后也没找回来,只能重新写了一遍;当时使用git status命令查看有好几处修改的,想着百度一个快捷命令,一次add,结果出错了;第二遍先老老实实add后commit,然后同步到远程库查看,再找时间学习git

收获:

  1. 在写代码前一定要对网页布局有一个认识,最好画一个草图,确定好最大宽度等基础问题,避免代码完成后返工调整

  2. 没有规划的写完代码,在补充媒体查询前,打开网页整个页面铺满,体验非常差,再写应该首先从使用者的角度考虑,打开页面希望得到什么样的体验


返回列表 返回列表
评论

    分享到