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}