发表于: 2016-07-25 16:31:44
2 1392
今天完成的事情:
响应式和自适应的区别:
自适应是在不同尺寸设备上,页面大小自动可调以展示出相同的页面,方法有:viewport标签、尽量少用绝对宽度(%或auto)、字体相对大小(em,rem)、media query、图片自适应 img { max-width: 100%;}…响应式是根据不同设备尺寸改变内容和排版,以便浏览阅读,提高用户体验。响应式可以使用一些框架(如bootstrap)以及上述方法实现。
优雅降级:首先构建好站点的完整功能,之后根据不同浏览器的支持情况进行修复,保证最终效果。最终所有浏览器展示的结果是相同的。渐进增强:先构建出站点最基本的功能,之后根据不同浏览器的支持情况增加功能和效果,充分发挥浏览器的优势。最终不同浏览器展示的结果不同,越高级的浏览器展现的功能越多,体验越好。
明天计划的事情:过一遍bootstrap的component。
遇到的问题:懒,效率低。
收获:还是有的。
评论