发表于： 2016-03-16 23:33:01
2 1748
今天完成的事情：
任务9(http://www.zhengyingxin.com/task9/task9.html)
把官网上的响应式和自适应的文章都看了。
个人总结的响应式的设计思路：从中等屏幕宽度开始设计，从页面的一些大元素开始考虑（如wrapper,header,main,content,footer等），计算相应的宽度（使用相对单位%，em，rem），再详细考虑子元素的样式。部分子元素可以使用绝对单位（px）。最后针对不同宽度使用media query调整整体布局。
个人总结的自适应的设计思路：从页面最低分辨率（或者宽度）开始设计，为页面不同分辨率（宽度）设计几种常用宽度(320、480、760、960、1200、1600）的样式。
明天计划的事情：
学习bootstrap
继续学习响应式和自适应
完成任务10的一部分
总结任务1-9的零散知识
遇到的问题：
对自适应和响应式的区别还是有点分不清，两种设计同样运用了media query，但自适应可能设计多套css应对不同的固定宽度，就是一个html+n套css，并且在自适应中多数元素还是保留px；响应式应该是避免使用绝对单位，运用流式布局。。。响应式具体设计还是要多多了解，现在对两种设计理不清了。。。。要多多反思总结。
收获：
学习了css3的部分新属性；
进一步熟悉Less操作
返回列表
评论