响应式设计笔记

刘悦 at 
HTML4 和 CSS2 目前支持为不同的媒体类型设定专有的样式表。比如,一个页面在屏幕上显示时使用无衬线字体,而在打印时则使用衬线字体。screen 和 print 是两种已定义的媒体类型。媒体查询让样式表有更强的针对性,扩展了媒体类型的功能。下面的 css 是应用在宽度小于等于 960px 的屏幕上:@mediascreenand(max-width:960px){body{background-color:red;}}此外,可以通过标签的 media 属性为样式表指定设备类型(如显示屏或打印机)。具体说来,就是在 HTML 页面的标签中插入一个如下面代码片段所示的 link 标签:&lt……