我创建了一个 MVC 4 应用程序(Internet 模板)。它创建的主体是 1903px 宽 x 300px 高。在下图中,您可以看到它是如何渲染的。我没有看到指定宽度的任何地方,我很好奇它为什么决定创建 1903px 的宽度(和 300px 的高度)。
如果有帮助,主页的 HTML 如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - The Exchange Site</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<img src="~/Images/CompanyLogo.png">
</div>
<div class="float-right">
<section id="login">
@Html.Partial("_LoginPartial")
</section>
<nav>
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
<section class="content-wrapper main-content clear-fix">
@RenderBody()
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© @DateTime.Now.Year - Siesta Key Software, LLC</p>
</div>
</div>
</footer>
@Scripts.Render("~/bundles/ExchangeSite")
@RenderSection("scripts", required: false)
</body>
</html>