发表于： 2016-02-23 23:02:13
3 1245
今天完成的事情：
师兄说响应式布局不对，于是对页面一进行修改，加入代码
<meta name="viewport" content="width=device-width, initial-scale=1.0">
结果页面字体变大了，在学友的建议下，加了代码，优化了不少。
@media screen and (max-width:500px){
.warp{font-size:50%}
}调整之后，好了很多，后来咨询了师兄，部分细节还是不太美观，图片的拉伸变形了，明天处理好才是。
明天计划的事情：
1.完善页面一（图片的缩放问题、拉伸问题）。
2.修改之前任务4遗留下来的问题（手机响应式布局）。
3.页面二的开工（切图、html布局）。
遇到的问题：
1.过几天就开学了，明天回学校，稳定下来，写好代码。
2.PS CC版本问题，缺少相应的切图脚本，只能手动切，PS不太熟练，导致之前切的图效果较差，没有透明。
收获：
1.和同门讨论任务时，学到了他人的想法，对自己的思考很有帮助。
2.对响应式布局进一步理解。
惯例贴上task5页面一（响应式修改后）的demo：http://115.159.107.178/task5/index.html
欢迎指教，评价。
（PS：紫色的字体好好看O(∩_∩)O~）
返回列表
评论