自己不熟悉的CSS用法总结(持续更新)

 

一、html,body{height:100%}

解决了容器高度不足(容器高度由子元素高度决定,而%按照父元素的百分比),无法用%布局页面的问题

把html和body的高度设置为浏览器高度,此时会出现下拉栏, 给body去掉外边框即可去掉下拉栏 : body{margin:0}

二、@media screen and ( max-width: 像素值 ) {}

解决了适配不同分辨率时的页面布局问题

响应式布局,根据设备屏幕像素值来设定CSS,用来适配不同分辨率的设备.括号内也可以是min-width或min-height

关于响应式布局详细内容 : https://blog.csdn.net/qq_37968920/article/details/82424009