在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 　　例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在 ...

web站点了，他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值，已经不能满足需要了。w ...

题外话 本来是想写篇关于Bootstrap的Scaffolding博文的，不过对于响应式Web设计不是很了解，所以就先有了这篇博文。 博客园原文地址：http://www.cnblogs.com/yhuang/archive/2012/03/29 ...

两种方式，一种是直接在link中判断设备的尺寸，然后引用不同的css文件： 1 < link ...

/ 　　 　　CSS2允许你对特定media类型制定样式，例如针对屏幕或者打印机。css3提供了更加强大的media q ...

例：如果文档宽度小于 300 像素则修改背景颜色(background-color): 一、定义 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有 ...

首先要知道，我们为什么要写自适应的页面（响应式页面） 【直接看干货】 众所周知，电脑、平板、手机的屏幕是差距很大的，假如在电脑上写好了一个页面，在电脑上看起来不错，但是如果放到手机上的话，那可能就会乱的一塌糊涂，这时候怎么解决呢？以前，可以再专门为手机定制一个页面，当用户访问的时候，判断设备 ...

语法：@media screen and (min-width: 320px) and (max-width : 479px) media属性后面跟着的是一个 screen 的媒体类型（上面说过的十种媒体类型之一）。然后用 and 关键字来连接条件（其他关键字 ...