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

响应式设计初识

时间:2016-01-16 19:13:57      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

 1、术语

  响应式设计:针对任意设备对网页内容进行完美布局的一种显示机制。

  视口和屏幕尺寸:视口和屏幕尺寸不是同一个概念。视口是指浏览器窗口内的内容区域,不包含工具栏、标签栏等。也就是网页实际显示的区域。屏幕尺寸指的是设备的物理显示区域。需要注意的是有些浏览器调整工具显示的尺寸包含浏览器的其他元素,诸如地址栏、标签栏和搜索栏,而有些工具则不是这样。

  响应式设计的主要目标:网站不仅要对用户有限的视口做出响应,还要以最快的时间加载网页。虽然移除冗余的标签元素只能节省一点字节,但积少成多!!


2、HTML5和CSS3的使用

  任何工具或技术都应该只在应用程序需要它的时候使用,但项目往往因为财务预算而受到时间和资源上的限制。

  InternetExplorer 7和8都不支持HTML5新的语义元素,也不支持CSS3的新属性。如果一个网站的绝大多数用户都使用InternetExplorer 7和8,那花费精力将其做成基于HTML5和CSS3的响应式设计没有太大意义。但这并不意味着我们做不到。

  在预算允许的情况下,一个完全定制的“移动"版网站比响应式设计更适合。提倡响应式设计方法的人,不会都认为响应式设计在任何情况下都可以替代”移动网站“。

  使用HTML5和CSS3的响应式网页设计不是解决所有设计和内容服务问题的灵丹妙药。和以往的网页设计一样,项目的具体情况(即预算、目标用户以及网站用途)决定了其实现方式。如果预算有限或开发一个完全定制的”移动网站“不太可行,那么响应式网页设计较之标准的固定宽度设计,总能提供更好的和无歧视的用户体验。

 

响应式设计初识

标签:

原文地址:http://www.cnblogs.com/ycyoes/p/5135846.html

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