如今,电脑显示器的屏幕分辨率向越来越大发展,而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站,开始让自己的页面自适合各种分辨率,在小分辨率下显示基本的内容,在大分辨率下显示全部功能,甚至是分多等级的多版本。作为web前端开发人员需要知道并且会用这种知识。css2的@mediacss2里面虽然支持@media属性,但是能实现的功能比较少,一般只用做打印的时候做特殊定义的CSS。语法: @media sMedia { sRules }说明:sMedia : 指定设备名称。请参阅附录:设备类型sRules : 样式表定义指定样式表规则用于指定的设备类型。请参阅link对象的media属性(特性)。示例:// 设置显示器用字体尺寸
@media screen {
BODY {font-size:12pt; }
}
//&n [...]