我在第10周的代码沉浸式课程中学到了什么
媒体查询
@media规则在媒体查询中用于为不同的媒体类型/设备应用不同的样式。
媒体查询可用于检查许多事情，例如：
视口的宽度和高度
设备的宽度和高度
方向（平板电脑/手机处于横向还是纵向模式？）
解析度
使用媒体查询是一种流行的技术，用于向台式机，笔记本电脑，平板电脑和手机提供定制的样式表（响应式网页设计）。
<style>
body {
background-color: yellow;
}
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
<!-- When the width of this document is 600 pixels or less, the background-color is
