响应式网站建设中的兼容性问题

响应式网站是一种网络页面设计布局，它是多项技术的综合体。网站页面的设计与开发可以根据用户行为以及设备环境，提供更加舒适的界面和更好的用户体验。

响应式网站不同设备终端上的地址都一致，通过单一的地址可以收集到所有的社交分享链接。响应式网站适配到移动端的时候是调节了css样式，整体内容与pc端基本上是保持一致的，比如颜色，每个页面板块内容等。这对于老访客而言，用户体验更好，不管是在pc端还是在移动端它们的操作浏览体验都是一致的。而用户体验又是seo中非常重要的一块，使搜索引擎抓取异常友好，也越来越受搜索引擎青睐。

页面的设计与开发具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

谈到兼容性，不得不提到响应式要加载更多的样式和脚本资源，设计较难的的精确控制，响应式设计并不能原生态支持IE8及以下的浏览器, 而IE浏览器目前的使用率仍然比较高(30%左右)。虽有这个特别现象，但瑕不掩瑜，响应式网站仍可以很好的兼容电脑、手机、平板等设备访问。数据同步更新方面，所有图片和内容只需要上传更新一次即可，维护简单轻松。

解决办法

Media Query是制作响应式布局的一个利器，可以设置不同设备，最大最小宽度，设备分辨率和手持方向等等。对于在IE浏览器中不支持media query的情况，我们可以使用Media Query JavaScript来解决，只需要在页面头部引用css3-mediaqueries.js即可。