响应式设计初识

　一、术语

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

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

　　响应式设计的主要目标：网站不只要对用户有限的视口作出响应，还要以最快的时间加载网页。虽然移除冗余的标签元素只能节省一点字节，但聚沙成塔！！

---

二、HTML5和CSS3的使用

　　任何工具或技术都应该只在应用程序须要它的时候使用，但项目每每由于财务预算而受到时间和资源上的限制。

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

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

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