响应式设计:媒体查询

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

尺寸与位置

以下属性都以CSS像素为单位,在大多数浏览器中都能返回正确值。 尺寸screen.width/height该属性表示输出设备/屏幕的宽度/高度。该属性会受以下因素影响: 设备方向,landscape或portrait 设备像素比DPR 以iPhone 4为例,其分辨率为640x960,屏幕宽度为640个物理像素,设备像素比为2,则以CSS...     阅读全文
Miaoxingren's avatar
Miaoxingren 5月 31, 2017