CSS 笔记

css教程：
https://c.biancheng.net/css3/animation.html

1.@media screen 实现网页自适应布局

• 网页宽度小于1200象素生效
  @media (max-width:1200px){}
• 屏幕宽度小于1200象素生效
  @mdia screen and(max-width:1200px){}
• 仅屏幕最大可见区域宽度为1200象素生效
  @media only screen and (max-width:1200px){}
• 实例：

@media screen and (min-width:1200px){
    #page{ width: 1100px; }#content,.div1{width: 730px;}#secondary{width:310px}
}
@media only screen and (min-width: 992px){
  .el-col-md-6 {
     width: 20%;
  }
}

2.CSS单位：vw、vh、vmin、vmax、%

https://blog.csdn.net/qq_40864647/article/details/129022433

3.pointer-events 属性

pointer-events 属性用来控制一个元素能否响应鼠标操作，常用的关键字有 auto 和 none

pointer-events: none; // 让一个元素忽略鼠标操作
pointer-events: auto; //还原浏览器设定的默认行为

参考：https://blog.csdn.net/web2022050901/article/details/129010271

4.@media的实际使用

https://pythonjishu.com/emxmlamwdxecdmq/