天津市北辰区卫爱护肤品销售中心

今天小编跟大家讲解下有关Css媒体查询以及常用设置 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关Css媒体查询以及常用设置 的相关资料，希望小伙伴们看了有所帮助。

前言

页面为了适应各种设备（PC端、移动端的不同设备）的不同显示情况，增加了媒体查询的功能，通过特定的要求达到不同的样式显示。

[email protected] 媒体类型 and|not|only (媒体特性)｛ ｝

或者

<link rel="stylesheet"media="mediatype and|not|only (media feature)"href="http://www.aidi.net.cn/article/detial/5831/mystylesheet.css">

媒体类型

all

screen

print

媒体特性

媒体查询通常用来区别于屏幕宽度大小——实际上区别不同设备的尺寸。而通常需要用到媒体查询的时候（即适配移动端），会通过一些适配方案（viewport、rem等）来确定尺寸比例。

[email protected] screen and (min-width:1200px){ ... [email protected] screen and (min-width:992px){ ... [email protected] screen and (min-width:768px) { ... } @media screen and (min-width:480px){ ... }

来源：爱蒂网