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

Question

我正在寻找 PrimeNg 与 Bootstrap 的 .container class，所以我的元素可以在大型或超大型设备上具有合理的 max-width。

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; } }

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