如何根据屏幕大小改变class的css样式

Posted 2020-06-28 lucky

/*当屏幕小于1200px*/

@media (max-width:1200px) { ...}

此处针对所有小于1200px屏幕的css属性。

/*当屏幕小于1200px且大于992px*/

@media (min-width: 992px) and (max-width: 1200px) {...}

此处针对992~1200px屏幕的css属性，当屏幕小于992时会继续引用默认的css属性，除非重新设置屏幕小于992的CSS属性。