最近在实操写项目过程中发现自己对 css 的知识其实十分不熟悉，平时也是在需要的时候才去查资料，所以稍微记录一下自己不太清楚的点
1.各设备屏幕尺寸
- 超小屏幕（移动设备）768px 以下
- 小屏设备 768px-992px
- 中等屏幕 992px-1200px
- 宽屏设备 1200px 以上
2.隐藏元素的几种方式及区别
display:none
元素会在页面上彻底消失，并且不会占用空间，因此也会导致浏览器的重排和重绘，不会触发其点击的事件。
visibility:hidden
和上面的方法的区别在于，这个元素消失后依旧会占据空间，所以只会导致浏览器的重绘而不是重排，同样不会触发其点击事件，可用于元素隐藏后不希望页面布局发生改变的场景。
opacity:0
该方法是将元素的透明度设置为 0，这样就看不见了，相当于隐藏，但是同样会占据空间，可以触发点击事件（毕竟这个方法不会令元素消失嘛）
设置 height，width 等属性为 0
将元素的** margin**、border、padding、height和** width这些属性都设为 0，如果有子元素则设置 overflow:hidden**去隐藏，这样整个元素就相当于消失了，也无法触发点击事件了
使用定位属性将元素移走（不正经的方法+1）
设置元素的 position、left、top、bottom、right 等，将元素移出屏幕
