响应式设计:媒体查询

概述CSS3引入的媒体查询,允许针对一个特定范围的输出设备定制内容的呈现,而不必改变内容本身。一个媒体查询由一个可选的媒体类型和零个或多个限制样式表应用范围的表达式组成。这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型,并且所有的表达式的值都是true,那么该媒体查询的结果为true。当媒体查询为true时,其对应的样式表或样式规则就会遵循正常的级联规则进行应用。 使用方法     阅读全文
Miaoxingren's avatar
Miaoxingren 6月 10, 2017

响应式设计工作原理

本文根据 Gustav Jorlöv 的 What makes responsive design work 翻译,无法保证译文完全正确。 在这篇简短的介绍中,我想让你了解一下使响应式web设计成为可能的机制。我不是要深究一些不必要的细节,而是在web开发人员能受益的程度下解释概念。我还想提一下,不同浏览器行为不同,特别是在Android的自由领域里,但是这篇短文不会涉及如何处理浏览器兼容性问题,因为那本身是一个完整的故事。     阅读全文
Miaoxingren's avatar
Miaoxingren 6月 02, 2017