使用CSS3的@media来实现网页自适应

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