【问题标题】:MaterializeCSS .container suddenly not workingMaterializeCSS .container 突然无法正常工作
【发布时间】:2016-12-08 06:59:29
【问题描述】:

我在物化 CSS 中的 .container 总是占据整个屏幕。

            .container {
                width: 100%;
            }

但突然我打开它,它看起来好像回到了 70% 的容器。

我想也许我不小心删除了一些代码,但是当我打开我的网站备份时,它也似乎容器只占屏幕的 70%。这很奇怪,因为它不是那样的,现在每个页面都有一个小容器。我尝试使容器宽度更大,它会从我的屏幕上切掉一些东西。我还尝试让所有行更宽,但这只会让我的内容拉伸太多。

【问题讨论】:

    标签: css materialize


    【解决方案1】:

    MaterializeCSS 专门将类 container 定义为最大宽度为1280px 和宽度为90%

    因此,如果您希望仍然使用此类但希望对其进行更改,您可以编辑 materialize.css 或在单独的 .css 文件中,在 materialize.css 下声明:

    .container{
        max-width: 100%;
        width:100%;
    }
    

    您也可以内联定义这些,但不建议这样做

    【讨论】:

    • 太好了,很高兴您可以接受这个已关闭的答案。请记住,在使用外部 css 库时,您最后声明的任何具有相同 css 选择器的文件都将优先于之前声明的规则。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-23
    相关资源
    最近更新 更多