C# 覆盖子页面的最大宽度

在我的母版页中，我有以下代码：

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

对于大多数子页面，960px的宽度是可以的，但是在某些情况下，我想将其更改为1200px

要将960值更改为1200，甚至更改为当前分辨率的全宽，我需要覆盖哪些内容？

试试这个

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

---

您可以创建两个子母版页

master960

和

master1200

，它们继承了主母版，并且只有一个具有特定宽度的部分

<%@ 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>

---

那么创建两个单独的母版页，并设置不同的css类？

<%@ 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>