发表于： 2017-03-14 22:19:46
1 709
今日完成的任务：
1.修改了任务7.1中的部分代码，添加了部分媒体查询使页面缩放时，字不会挤进下一行中，图片也不会挤进框里。
2.学习了一下响应式与自适应设计
响应式设计主要采用三种策略
1.按照正规的开放标准和最佳实践方法来创建网页内容，这样其实有不错的可访问性。
2.不同的设备采用不同的内容，通过检测浏览器的用户代理字符串，将往回走哪进行重新定向，但是这种方法非常不可靠而且维护起来非常麻烦
3.为不同浏览器/设备优化网站，一般使用特性检测，智能布局技术，媒体查询和viewport技术，根据屏幕的宽度，分辨率来改变网页的显示。
4.学习了html5中比较重要的两个新元素audio和video
明天完成的任务：
完成任务7.2，并对其进行优化，接触任务7.3，了解一下大概轮廓，再深入学习flex弹性布局。
遇到的困难：对于自适应和响应式的区别不是十分明了，没有解决任务6中垂直居中的问题
收获：对于CSS3和HTML5中的概念有了更多的了解
返回列表
评论