媒体查询作用及使用方式

媒体查询作用
针对不同屏幕尺寸设置不同的样式
语法

@media screen and (max-width: 800px) {
            body {
                background-color: pink;
            }
        }

上面这一句话的意思是：在我们的屏幕上最大宽度是800px,如果小于800px,body就会变成pink颜色
screen 代表查询类型为电脑、平板电脑、手机等
and代表关键字，将多个媒体特性连接起来，相当于且
max-width: 800px代表媒体特性，表示屏幕上最大宽度是800px
使用媒体查询引入样式表

 <link href="../3.css" media="screen and (max-width: 800px) ">