发表于: 2016-07-25 16:31:44

2 1393


今天完成的事情:

响应式和自适应的区别

自适应是在不同尺寸设备上,页面大小自动可调以展示出相同的页面,方法有:viewport标签、尽量少用绝对宽度(%或auto)、字体相对大小(em,rem)、media query、图片自适应 img { max-width: 100%;}响应式是根据不同设备尺寸改变内容和排版,以便浏览阅读,提高用户体验。响应式可以使用一些框架(如bootstrap)以及上述方法实现。

优雅降级:首先构建好站点的完整功能,之后根据不同浏览器的支持情况进行修复,保证最终效果。最终所有浏览器展示的结果是相同的。渐进增强:先构建出站点最基本的功能,之后根据不同浏览器的支持情况增加功能和效果,充分发挥浏览器的优势。最终不同浏览器展示的结果不同,越高级的浏览器展现的功能越多,体验越好。

明天计划的事情:过一遍bootstrap的component。

遇到的问题:懒,效率低。

收获:还是有的。



返回列表 返回列表
评论

    分享到