响应式框架CSS3Media Query

CSS3 Media Query

常见属性

1. device-width,device-height----屏幕的宽高
2. width,height---渲染窗口宽高
3. orientation----设备方向
4. resolution----设备分辨率

基本的语法

1. 外联CSS语法 <"link" type="text/css" rel="stylesheet" href="test.css" media="only screen and (max-width:480px)"> midia="only sreen and (max-width:480px)" 当屏幕像素小于等于480px 将使用其样式
2. 内嵌样式的语法 style
   @media screen and (min-width:480px){ body{background: blue //改变背景颜色 }