响应式网页设计是根据访问者的使用设备不同，调整网页展示的宽度和高度，以合适的比例分辨率自适应平台屏幕宽度，使界面更美观，从而更好地了解用户要求，提高用户体验。 响应式网页设计主要是从CSS3层面进行实现，通过媒体查询功能和流功能，可以有效地根据屏幕宽度改变网页布局，自动适应不同机型显示，从而实现页面的自适应效果。另外，还可以通过在不改变设计思路的情况下，使用mixin技术或者百分比布局，实现网页的自动适应性，同时，可以利用ajax技术把内容加载到页面。 综上所述，响应式网页设计有利于提高网页访问效率，让访问者能够轻松访问网站，达到更好的用户体验。
Jason Taylor是Usablenet公司平台战略的副总裁。Usablenet平台掌控了大量的手机网页，财富1000强集团中20%的集团手机网页都在Usablenet公司的平台上运行，其中包括大名鼎鼎的雅诗兰黛集团、希尔顿酒店集团、达美航空、联邦快递、ASOS等。Google前任CEO Eric Schmidt最近表示，手机搜索的增长速度已经远远超过桌面搜索。随着手机逐渐成为上网的主要工具，
使用平板电脑的人越来越多，根据IDC的估计，2012年全球平板电脑的销售量就达到1.19亿台，但是专门为7-10寸屏幕设计的网站并不多。最近UX杂志在Mashable的刊登了一篇文章「 5简便的方法来您的网站的Tablet 」，编译如下：在美国，有将近7000万的平板电脑用户，是2011年的两倍。这个国家有将近30%的网络流量来自平板电脑，2011年至2012年间电子商务网站来自平板电脑的流量甚至
响应式模板优化可以通过以下几种方式进行： 1. 图片优化：针对不同屏幕大小和分辨率，使用合适的图片大小和格式，以减少加载时间和提升用户体验。 2. CSS和JS文件的合并和压缩：将多个CSS和JS文件合并为一个文件，并进行压缩，减少HTTP请求和文件大小，提升页面加载速度。 3. 懒加载技术：延迟加载页面中的一些元素，只在用户需要时加载，减少首屏加载时间。 4. 减少HTTP请求：合并CS
1、到百度资源平台网站类型中设置为：响应式网站。2、在百度资源平台提交网站sitemap。3、在模版头部文件中添加一行meta标签：<meta name="applicable-device" content="pc,mobile"/>（来源：搜外网）
