1：设置图片随窗缩放

使用百分比

width: 100%;height: 100%;

使用vmin: 将可视区域分为100vmin

width: 100vmin;height: 100vmin;

2:设置字体颜色与背景色融合

mix-blend-mode: difference 

3: 设置宽度自适应

width:fit-content

4:外边距合并

当两个相领的两个容器都设置了边距时，会合并并取最大一个边距

例如：父div设置margin-top: 20px，内部子div设置margin-top: 10px，这时页面表现margin-top:只有20px

解决：避免相邻，

（1）为父元素定义1像素的上边框或上内边距；

（2）为父元素添加overflow:hidden。

5：元素背面：其实页面元素都是3D，也存在背面的，旋转时候可以设置背面不可见

backface-visibility: hidden 

6：不一样的阴影：图片、或者多个元素合并阴影使用filter: drop-shadow(）

  filter: drop-shadow(2px 2px 20px #b1aeae);

 使用box-shadow的效果如下

使用filter后的效果如下