响应式设计第一章

Posted 苍狼之眼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了响应式设计第一章相关的知识,希望对你有一定的参考价值。

1.支持小屏幕设备的重要性

2.什么是移动网站设计

3.什么是响应式设计

4.视口和屏幕的区别

5.使用html5和CSS3

 

总结:

1.由于市场智能手机浏览器使用量大幅度的上涨,已经超越了PC端的网上浏览内容.

2.针对移动端的网站设计,针对不同手机端的设备宽度做不同的网页内容的展示

3.响应式设计一句话就是根据不同的设备端展现出客户更加关注的内容和合理布局,让用户有更好的视觉和使用体验

4.视口是指浏览器窗口内的内容区域不包括工具栏,标签栏。屏幕尺寸是指设备的物理显示区域,包含浏览器的其他的元素如工具栏,状态栏以及标签栏。

5.使用HTML5更加简洁以及语义化,让SEO得到更好的提升。CSS3是响应式设计和更多创新奠定基础,CSS3的一些文字阴影,动画,媒体查询等可以更加高能,炫丽以及简洁和更好维护

 

什么情况下不适合响应式设计:

1.客户要求设计效果在所有浏览器中都保持一致,包括IE8以及以下版本

2.客户的产品用户百分之七十以上都是使用IE8或者以下版本。

在做响应式设计的时候提醒老板和客户:

1.允许小时效果在老旧浏览器中有细微的差别,这样可以是代码更容易维护,将来更新成本比较低

2.让页面元素在那些老旧浏览器中表现一致会导致网站增加大量的图片,这会使网站变慢,制作成本变高,而且更加难以维护。

3.使用老旧浏览器的用户越来越少,使用现代浏览器的用户越来越多,我们应该支持大多数用户

4.支持现代浏览器,就可以享受响应式设计,能响应不同设备的不同浏览器。

 

以上是关于响应式设计第一章的主要内容,如果未能解决你的问题,请参考以下文章

前端进阶: 响应式开发与常用框架 [MP4]

响应式设计之所以叫响应式“设计”而不叫响应式“技术”

网页设计中响应式具体怎么实现?

复杂产品的响应式设计

交互设计复杂产品的响应式设计流程

响应式布局总结