今天继续讲有关于CSS3 Media Queries案例，前面介绍的《CSS3 Media Queries案例——Hicksdesign和《CSS3 Media Queries案例——A List Apart》都是有关于页面的应用，而今天的我要说的案例Tee Gallery是涉及产品列表布局的应用。换句话说就是让产品列表页面如何应用流体布局结合CSS3的Media Queries，制作出在不同媒体条件和媒体介质下的页面风格。别的先不说，和大家一起目睹一下Tee Gallery网站在不同屏幕下的显示风格，如下图所示：

有关于CSS3 Media Queries的介绍，现在在网络上铺天盖地了，在《CSS3 Media Queries》中主要介绍了一些关于CSS3 Media Queries的理论知识，而在《CSS3 Media Queries案例——Hicksdesign》中介绍关于CSS3 Media Queries应用的第一个案例，今天和大家一起来看有关于CSS3 Media Queries实战中的第二个实例A List Apart网站。看看这个网站是如何应用CSS3 Media Queries的。

前面在《CSS3 Media Queries》介绍了一些CSS3的Media Query的理论知识，今天开始主要针对CSS3 Media Query进行一些实际案例的分析，从实际案例中来进一步学习和运用CSS3的Media Query，从而好让大家在自己的项目中更好的应用Media Query。