发表于： 2017-03-09 22:01:51
0 697
今天完成的事情：学了简单的PS切图，把任务3的psd文件中的几个需要用到的图片切出来，对照psd完成html+css的编写。实现了任务要求的效果。
明天计划的事情：开始学习任务4。
遇到的问题：切完图仿页面的时候，葡萄藤的logo怎么也居中不了，花了好长时间才解决。页面仿完以后F12调试都没问题，可以自适应宽度，但是部署到GitHub上用手机访问的时候页面宽度不是手机屏幕的宽度，检查代码发现忘记在head标签中加入viewport标签的设置，修改代码后手机访问效果完美。
收获：学会了用PS切图。学会了设置字体大小单位为rem。学会了通过设置margin:0 auto;来使块级元素居中。学会了设置margin值为百分比来达到自适应的目的。学会了把文字放在图片正下方居中的方法（设置图片img为块级元素）。
返回列表
评论