随着科学的进步发展，各种各样的终端不断出现，以前大家都用800*600的显示器，然后是1024*768的显示器，到现在更大尺寸的各种分辨率的显示器都出现了，而且手机、平板电脑PAD的出现，让终端的屏幕尺寸更多情况，而且他们都能够访问网站。如今，出现的问题是大部分网站只适合在一部分浏览器里能正常显示，其他设备或分辨率不能显示的很好，从而失去这部分用户。

　　响应式网站设计是什么?

　　响应式网站设计或者说响应式WEB设计指的是网站能够兼容多个终端。网站能够根据终端的屏幕尺寸来实时调节表现方式，从而很好地响应不同的终端。

　　响应式网站设计实现方法

　　通过CSS3 Media Query实现响应式网站设计

　　利用jQuery marquee实现响应网站设计

　　弹性图片

　　响应式图片

　　打造布局结构

　　显示或隐藏内容

　　响应式网站设计实用工具

　　Respond.js，让IE6-8支持meidia query

　　Responsive Design Testing 简单而方便的测试网站的响应性的工具，输入网址即可看到网站在不同分辨率下的表现

　　Resize My Browser 缩放浏览器工具，不过不支持chrome和opera浏览器

　　Media Query Bookmarklet 顾名思义，这是一个关于media query的书签工具

　　ProtoFluid 在线查看和调试网站对移动终端兼容性的工具，很赞

　　ScreenFly 和ProtoFluid类似

　　responsivepx 更直观的测试网站对不同分辨率的适配性

延伸阅读

• 移动设备友好、移动设备优化、响应式网站设计

  让网站适合移动设备是希望推出新网站的企业的首要要求。然而，有大量与移动设备相关的术语。移动友好、移动优化和响应式设计都是我们用来描述在移动设备上显示的网站的术语。是什么让他们与...

• 响应式网站设计哪种好？

  有很多人对于企业响应式网站设计还不太了解，其实这种网站就是以创建页面的图片排版大小，来根据浏览网站用户所使用网络设备，自动化适应我们这些设备。不管是出于网站兼容性还是用户信息需...

• 响应式网站设计真的会成为未来趋势吗？

  网站开发者和互联网商务人员都在不断地需求改变，加强和完善他们网站的浏览方式、响应效果和用户体验度。在过去几年里，网站设计的各种趋势此起彼伏，有的一阵热度之后就销声匿迹。而目前，...

• 响应式网站设计排版的未来是什么

  多年来，网站设计排版取得了很大的进步，但是我们还有很多可以改进的地方。段落宽度：现在网站上的主要问题是段落长度过长。最大宽度：40em是使文本更具可读性的基本准则。字距调整：可...

• 什么是响应式网站设计

  随着科学的进步发展，各种各样的终端不断出现，以前大家都用800*600的显示器，然后是1024*768的显示器，到现在更大尺寸的各种分辨率的显示器都出现了，而且手机、平板电脑P...