pc布局总结

pc使用rem布局

外层

1.在html body里面 设置宽高100%


2.在里面第一层 设置一个div 设置最小宽高 防止屏幕分辨率影响 布局

3.使用flex布局 上下左右自动居中

里层

1.当想要里层滚动的时候 可以设置overflow：auto

总结

1.当div有角但是没有展现的时候，可以查看是不是里面的元素把外面的遮挡了 可以设置overflow：hidden 尝试解决

2.设置最小宽高 或者最大宽高 可以防止 当屏幕分辨率过大或者过小的时候 样式变形
3. 设置颜色渐变：
background-image: linear-gradient(#4FAEFD, #2175FD);
4.点击div 样式改变 需要给div添加active类名 做判断 单是伪类是不生效的