通过媒体查询实现响应式页面学习总结

如有错误欢迎指正与批评
对于响应式页面，我个人的理解就是一种可以根据浏览器的属性进行相应的布局和属性的变化的web页面，它可以通过媒体查询的形式来实现

• 媒体查询
  媒体查询就是根据设置断点检测媒体的各种属性，然后相应地执行某一段代码端的功能 它的基本格式是:

@media mediatype and|not|only (media feature) {
   
    CSS-Code;
}

通过检测mediatype的属性进行相应的操作。小括号内的内容可以理解为执行这段代码的前提条件
mediatype的属性主要有：
- screen：用于电脑屏幕等
- print：用于打印机和打印预览
- all：用于所有设备
media feature内包含执行方括号内的css代码的条件，比如：