响应式网站设计产生的背景

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

•