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

Question

container的默认宽度MaterializeCSS为set to 70%：

  

容器类不是网格的严格组成部分，但很重要   在布局内容。它允许您将页面内容居中。该   容器类设置为窗口宽度的~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%;
  }
}

Answer 2

另一种简单的方法是不使用实例化的 .container 类，而是创建自己的类并将其包装到代码中。在自定义类的CSS样式中，添加

.myContainer{
  width:100%;
}