#常用响应式相关实现

• mediaquery探测（matchmedia）
• mediaquery ie8-兼容实现（mediaquerypolyfill）
• 响应式图片兼容实现（picturepolyfill）

#常用响应式模式实现 参考Responsive Patterns,尝试翻译整理以及改变实现方式尽可能兼容更多的浏览器 ##布局 ###Reflowing Layouts

• Mostly Fluid
• Column Drop
• Layout Shifter
• Tiny Tweaks
• Main column with sidebar
• 3 column
• 3 column v2

###Equal Width

• 2 equal-width columns
• 3 equal-width columns
• 4 equal-width columns
• 5 equal-width columns

###Off Canvas

• Top
• Left
• Right
• Left and Right
• Bottom

###Source-Order Shift

• Table Cell
• AppendAround

###Lists

• List with Thumbnails
• List with Thumbnails 2
• List with Thumbnails and Summary

###Grid Block

• 4-up Grid Block
• Double-Wide v1
• Double-Wide v2
• Double-Wide v3
• Double-Wide v4
• With Title Sections
• Equal Height Rows
• Irregular Grid Blocks

##导航 ###单层

• Toggle
• Footer Anchor
• Select Menu
• Left Nav Flyout
• Left Nav Flyout w/ 'off-nav closing'
• Priority+
• Top Links

###多层

• 多级导航1
• 多级导航2
• 多级导航3
• 多级导航4
• 多级导航 支持IE6

###面包屑

• Across the Top
• Breadcrumbs Dropdown
• Last-One Only

##图片

• Basic Fluid Image
• Image Grid

##多媒体

• Fluid Video
• Fluid Map Maintaining Aspect Ratio
• Adaptive Maps

##表单

• 基础响应式表单
• 搜索框响应式
• Search with Filters

##模块 ###Switchable

• 3-up Carousel
• Fluid Carousel

###Accordion

• Fluid
• Accordion to Full
• Accordion To Tab
• Vertical to Horizontal

###Messaging

• Slide-Down Notification Bar

###Lightbox

• Conditional Lightbox