覆盖子页面的最大宽度答案

【问题标题】：Overwriting max-width of child page覆盖子页面的最大宽度
【发布时间】：2014-01-30 15:59:03
【问题描述】：

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

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

对于大多数子页面来说，960 像素的宽度很好，但在某些情况下我想将其更改为 1200 像素

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

【问题讨论】：

标签： c# asp.net css master-pages

【解决方案1】：

试试这个

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

【讨论】：

【解决方案2】：

您可以创建 2 个子母版页 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>

【讨论】：

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