有关三个步骤实现响应式web.pptVIP

什么情况下适宜采用响应式Web设计方式 * 你心里没谱 设计开发一个全新的移动版本站点或是客户端应用，整个过程是有很大挑战性的。除非产品正式上线，否则你无法真正了解它是否会成功。与其单纯地为了移动化而花费资源打造移动版本站点或是开发客户端应用，不如先花些心思将原本的网站打造得更具弹性，使其在各种主流移动设备中都拥有尽量优秀的用户体验。 * 要打造响应式站点，自然离不开有经验的交互、视觉设计及前端开发人员。所需的资源，尤其是时间方面，比起普通网站来说大约增加20%到30%的样子;但比起单独打造移动版本的网站，或是设计开发客户端应用的成本来说，却要低很多。从维护的角度来说，也会轻松很多。 你想节约成本 * 你希望网站可以兼容未来的新设备 * 三个步骤实现响应式web 基于CSS3的媒介查询(Media Query)特性使得网页适应不同设备 * Step1.Meta标签 大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率，此处使用视图的meta标签来进行重置 meta name=viewport content=width=device-width, initial-scale=1.0 IE8或者更早的浏览器并不支持Media Query。你可以使用media-queries.js或者respond.js来为IE添加Media Query支持。 !-