如何在MaterialiseCSS中更改容器的默认宽度？

Question

的缺省宽度container被设定为70%的MaterializeCSS:

容器类不是网格的严格组成部分,但在布局内容时很重要.它允许您将页面内容居中.容器类设置为窗口宽度的~70%.它可以帮助您集中和包含您的页面内容.我们使用容器来包含我们的身体内容.

怎么会改变？

Answer 1

只需通过确保在链接或导入materialize.css后浏览器读取您的样式来覆盖该属性

您需要复制并更改这些值:

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}
@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}