Question

在我的母版页中，我有这段代码：

<div id="body">
        <asp:ContentPlaceHolder runat="server" ID="FeaturedContent" />
        <section class="content-wrapper main-content clear-fix">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </section>
    </div>

CSS：

.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

对于大多数子页面，960px宽度很好，但有些情况我想将其更改为1200px

为了将960值更改为1200甚至是当前分辨率的全宽，我需要覆盖什么？

Answer 1

试试这个

@media screen and (max-width: 1200px){
    .content-wrapper {
       margin: 0 auto;
       max-width: 960px;
    }
}

Answer 2

您可以创建继承主主页的master960和master1200的2个子母版页，并且只有具有特定宽度的部分。

<%@ Master Inherits="mymainmaster" %>
<section class="content-wrapper-1200">
    <asp:ContentPlaceHolder runat="server" ID="MainContent" />
</section>

<%@ Master Inherits="mymainmaster" %>
<section class="content-wrapper-960">
    <asp:ContentPlaceHolder runat="server" ID="MainContent" />
</section>

覆盖子页面的最大宽度

2 个答案: