css - 是否可以使用 PrimeNg 定义响应式容器？

Question

我正在寻找PrimeNg的Bootstrap类的等效项，因此我的元素可以在大型或超大型设备上.container具有合理性。max-width

标签： cssprimeng

Answer 1

我终于自己定义了：

.container { margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 767px) { .container { max-width: 100%; } }
@media only screen and (min-width: 768px) { .container { max-width: 740px; } }
@media only screen and (min-width: 992px) { .container { max-width: 980px; } }
@media only screen and (min-width: 1200px) { .container { max-width: 1140px; } }
@media only screen and (min-width: 1400px) { .container { max-width: 1320px; } }

它的优点是可以让您根据自己的方便调整值。