随着科学的进步发展,各种各样的终端不断出现,以前大家都用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 更直观的测试网站对不同分辨率的适配性。