码迷,mamicode.com
首页 > 其他好文 > 详细

响应式设计第一章

时间:2017-02-11 12:24:29      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:应该   移动   大量   阴影   标签栏   网站设计   尺寸   代码   网上   

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.支持现代浏览器,就可以享受响应式设计,能响应不同设备的不同浏览器。

 

响应式设计第一章

标签:应该   移动   大量   阴影   标签栏   网站设计   尺寸   代码   网上   

原文地址:http://www.cnblogs.com/kevinlifeng/p/6388825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!