在移动互联网时代，人们会用不同的设备来浏览网站，工作的时候用电脑或者笔记本电脑，乘坐交通工具或者休息时会用手机或者平板电脑，就算是同一种设备，也会有不同尺寸的屏幕，那么问题来了，如何才能让网站的页面适配到各种终端上呢？这就需要靠响应式网站来完成。什么是响应式网站响应式网站是一种网站页面设计布局，可以通过集中创建页面的图片排版大小，智能的根据用户行为以及使用的设备自动进行相对应的相应和调整。包括系统平台、屏幕尺寸、屏幕定向等。也就是说，响应式网站可以让一个网站同时兼容多个终端，不再需要单独做PC端、手机端网站等等，更不必为不断涌出的新设备进行专门的版本开发了。响应式网站是如何体现的？和网站兼容性有什么区别？普通的网站也是有兼容性的，但是这种兼容性是有局限的，比如网站在PC端不同显示器的尺寸、不同版本的浏览器的兼容性，或者非手机端网站，但是用手机打开可以正常浏览的兼容性，这些都属于普通网站的兼容性。而响应式网站带来的浏览体验是截然不同的，是一种更加高级的体验感。从上图中不同终端的页面布局可以看出响应式网站的智能化和自动化，这是响应式与普通兼容性比较显著的区别，普通网站在没有手机端网站的情况下，用手机虽然可以正常浏览，但却会随着屏幕变小而不能完全显示，就像在电脑上我们取消网页最大化，普通的网站除了有上下滑动的进度条之外，还有左右滑动的进度条，而响应式会讲页面布局自动适应，用户只需要上下滑动就可以顺利浏览网页。响应式网站的优点响应式网站除了在页面布局方面明显的智能化之外，还存在着很多的优点。维护方便：只需要维护一个网站就可以，维护成本低用户体验好：良好的兼容性和较快的页面打开速度可以有效提升用户体验感管理方便：一个后台全部搞定利于SEO：响应式网站属于HTML5制作的静态页面，更加利于搜索引擎爬虫的抓取说了这么多，那是不是所有网站都适合做响应式网站？答案是否定的，响应式网站虽然十分智能，但是类似于门户网站这种内容特别多的并不适合，页面在自动调整时遇到过多的内容速度会明显下降，网页打开速度会变慢。而像企业官网、商城等内容不是特别复杂的网站是最适合做响应式网站的。
本文出自快速备案，转载时请注明出处及相应链接。