(1)在link中使用@media:(2)在样式表中内嵌@media：@media screen and (max-width: 600px) {选择器{属性：属性值；}}//max-width: 600px指屏幕宽度最大为600px;
分类：
其他好文 时间：
2015-01-13 11:57:53
阅读次数：
90
响应式图像媒体查询@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }为了给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本网格布局 ...
分类：
其他好文 时间：
2015-01-09 16:49:41
阅读次数：
227
通过媒体查询的设置，我们可以根据屏幕宽度、屏幕方向等各个属性来加载不同场景下不同的CSS文件来渲染页面的视觉风格。具体的使用方法有以下两种：
1、通过link标签：
2、CSS中直接设置：
@media screen and (max-width:479px) {
/* 具体的CSS属性设置 */
}
正常我们需要响应式Web设计的页面，...
分类：
Web程序 时间：
2015-01-05 16:47:17
阅读次数：
167
原文：Responsive Design in 3 Steps
译文：响应式设计的三个步骤
译者：dwqs
现在，响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉，可以看看我之前发表过的关于这方面的responsive sites。对于新人，responsive design可能听起来有点复杂，但实际上，它比你想的要简单的多。为了帮助你快速入门响应式Web设计，我写了一篇快速入门教程。我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(media query)(假设你有基本的CSS知...
分类：
其他好文 时间：
2015-01-04 11:32:13
阅读次数：
169
一 设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：这段代码的几个参数解释：? width = device-width：宽度等于当前设备的宽度? initial-scale：初始的缩放比例（默认设置为1.0）? minimum-scale：允许用户缩...
分类：
其他好文 时间：
2014-12-28 18:10:43
阅读次数：
208
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你...
分类：
Web程序 时间：
2014-12-22 17:32:43
阅读次数：
293
从我第一天写手机页面的时候一直困扰我的问题有两个 一个是自适应字体的大小，一个是自适应页面的高度。我想接到一个手机的页面任务 大部分人都会碰到这种问题我这介绍一种实现的办法媒体查询 不说别的直接贴代码手机页面 概述 功能 MIUI ...
分类：
移动开发 时间：
2014-12-18 23:32:27
阅读次数：
285
去年冲着响应式这三个字买的，很快就读完了，因为说实话都挺浅显的内容。真正涉及到响应式的是第二和第三章（媒体查询 em 百分比图片），其他的h5与css3关系不大。
分类：
Web程序 时间：
2014-12-16 00:58:41
阅读次数：
195
