在CSS中，有一个极其实用的功能：@media 响应式布局。具体来说，就是可以根据客户端的介质和屏幕大小，提供不同的样式表或者只展示样式表中的一部分。通过响应式布局，可以达到只使用单一文件提供多平台的兼容性，省去了诸如浏览器判断之类的代码。
当然这种设计也存在着缺点，比如我所见的不少使用响应式布局的设计在适配移动端时大量使用 display:none 隐藏富媒体元素，这样势必会导致大量不必要的流量。因此，如果有较为重要的移动端需求，那么还是开发专门的移动版页面为好。不过，对于诸如内容较少的页面 或者单页式网站来说，响应式布局依然不失为一种偷懒的好方法 ^ ^
相关推荐
微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的，我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。 让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加... !–[if IE]> ...
NULL 博文链接：https://axl234.iteye.com/blog/1833406
包括利用CSS3-Media Query实现响应式布局等知识点
主要是我们将了解一下怎样通过html5和css3 Media Queries(媒介查询)相关技术来实现跨设备跨浏览器的响应式web设计方案
这是一个使用纯js和CSS3媒体查询制作的简单的响应式导航菜单效果的代码。该导航菜单类似bootstrap导航菜单，它通过media query制作760像素断点，当视口小于760像素时，菜单会收缩为隐藏的汉堡包菜单。本代码适用...
这是一款使用纯js和CSS3媒体查询制作的简单的响应式导航菜单效果。该导航菜单类似bootstrap导航菜单，它通过media query制作760像素断点，当视口小于760像素时，菜单会收缩为隐藏的汉堡包菜单。
接下来，我们将了解一下怎样通过HTML5和CSS3MediaQueries(媒介查询)相关技术来实现跨设备跨浏览器的响应式Web设计方案首先，我们来看看本篇范例的最终效果演示。打开该页面，拖拽浏览器边框，将窗口慢慢缩小，同时...
主要介绍了CSS3的media query学习攻略,media query的媒体查询经常被用于设计响应式网页,需要的朋友可以参考下
js css3制作响应式导航菜单代码是一款类似bootstrap导航菜单，它通过media query制作760像素断点，当视口小于760像素时，菜单会收缩为隐藏的汉堡包菜单。
js+css3实现响应式导航菜单代码是一款类似bootstrap导航菜单，它通过media query制作760像素断点，当视口小于760像素时，菜单会收缩为隐藏的汉堡包菜单，根据浏览窗口大小自适应手机电脑平板端。
我们通常建议使用原始CSS媒体查询来构建响应式网站，这更简单，提供更流畅的UX，并且还减轻了在过程中猜测屏幕宽度的。 如果您需要在各种媒体类型之间显着改变页面布局，请使用此库（一些示例包括：实验需要在特定...
这是一个使用纯js和CSS3媒体查询制作的简单的响应式导航菜单效果的代码。该导航菜单类似bootstrap导航菜单，它通过media query制作760像素断点，当视口小于760像素时，菜单会收缩为隐藏的汉堡包菜单。本代码适用...
我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(media query)(假设你有基本的CSS知识)。 第一步：Meta标签（看demo） 大部分移动浏览器会把HTML页面缩放成较宽的viewport的宽度，这样内容就可以屏幕上...
这是一个基于psd到html响应式布局的UI / UX项目，该项目使用html5，css3，javascrip和jaquery与css3 Media Query一起设计。 该概念是完全基于前端的单个网页设计。
如果您不熟悉围绕响应式网页设计的概念，您可以阅读和（颜色更改以显示媒体查询工作）使用说明使用最小/最大宽度媒体查询制作您的 CSS，以适应您从移动设备（首先）一直到桌面设备的布局 @media screen and (min-...
CSS3有了个更为实用的 media query。而移动终端的浏览器基本已经完全支持了css3.他可以为你获取各种终端的数据。
CSS GuideBook 目录 基础概念 属性 ...媒体查询（Media Query） 用 REM 开发响应式设计 多列布局（Multiple Columns） 前端性能优化 浏览器兼容 CSS HAck 优质工具网站推荐 参考资料 关于 CSS 详细
js+css3制作响应式导航菜单代码是一款类似bootstrap导航菜单，它通过media query制作760像素断点，当视口小于760像素时，菜单会收缩为隐藏的汉堡包菜单。