媒体查询

媒体查询

使用@media查询，可以针对不同的屏幕尺寸设置不同的样式，当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面

语法： 

@media not|only mediatype and (mediafeature and|or|not mediafeature) {
      CSS-Code;
}

 

madiatype 与 关键字：

 madiatype：把不同的媒体终端设备分为不同的媒体类型

 

 

关键字：将不同媒体类型或媒体特性链接在一起作为查询条件

 

mediafeature：

每种媒体类型都会有不同的特性，先了解几个通用的，注意要加小括号使用

 

 

注意：数字后面要跟单位，如px；