媒体查询@media query

Posted 2020-10-04 伊痕殿

@media query 媒体查询

@media （min-width:768px）小屏 （>=）

@media （min-width:992px）中屏

@media （min-width:1200px）大屏

（默认超小屏 小于768px）

@media （max-width:1199px） 大屏（<=）

@media （max-width:991px）中屏

@media （max-width:767px）小屏

 

box-sizing:border-box 可以设置带边框的盒子模型，设置的div的高宽就是盒子的总高宽，box-sizing的属性会根据边框border、边距padding自动调整内容区的范围。