使用@media

Question

我想回到这里的一些css（https://github.com/rothkj1022/phppickem/blob/master/css/bootstrap.min.css）。

如何使用@media在480px之后说，停止调整大小？在较小的分辨率下，列太杂乱了，我想保持原样。

谢谢！

Answer 1

如果您想要从 1px 调整为 480px ，请说：

@media screen and ( max-width: 480px ){

}

在另一种情况下，你想要从 480px 调整为无限，你应该使用它：

@media screen and ( min-width: 480px ){

}

希望它有所帮助。

Answer 2

如果你想停止超过 480px 的CSS调用，那么你应该使用它：

@media screen and (max-width:480px){

  /* write css here */
}

适用于 480px 。