媒体查询

css重要知识

媒体查询：
目的：为了给不同设备设计适应的样式而产生的功能，其作用可以理解为相当于选择器selector，选择满足条件的设备应用定义的样式

利用媒体查询定义样式有两种方式：
1.在head元素中添加链接
<link href="style.css" rel="stylesheet" media="only screen and (min-width:320px)"/>
2.在外部定义样式

@media only screen and (min-width: 320px) and (max-width: 375px;) {    p {        font-size: 62.5%    }}

媒体查询的语法：
@media logic type and (feature: value) and (featrue: value) … {…}

logic取值范围{not, only}
type取值范围{screen, print}
featrue取值范围{min-width, max-width, width, height, device-width, device-height}