2013-03-25 1 views
0

Я создал приложение MVC 4 (интернет-шаблон). Тело, которое оно создало, имеет ширину 1903 пикселя и высоту 300 пикселей. На изображении ниже вы можете увидеть, как это делается. Я не вижу нигде, где указывается ширина, и мне любопытно, почему она решила создать ширину 1903 пикселей (и высоту 300 пикселей).MVC 4 - Почему мое тело получает значение 1903px x 300 пикселей?

enter image description here

Если это поможет, то 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>&copy; @DateTime.Now.Year - Siesta Key Software, LLC</p> 
       </div> 
      </div> 
     </footer> 

     @Scripts.Render("~/bundles/ExchangeSite") 
     @RenderSection("scripts", required: false) 
    </body> 
</html> 
+0

_ «Тело он создал в 1903px в ширину 300px высокий» _ - где вы видите, что? Есть ли у вас такая же проблема при рендеринге без '@ Styles.Render (" ~/Content/css ")' и '@ Scripts.Render (" ~/bundles/modernizr ")'? – CodeCaster

ответ

0

Я только что точно такой же вопрос/вопрос. Он устанавливает ширину в зависимости от ширины окна браузера. Если вы сделаете окно более узким и обновите экран, вы увидите, что свойство width (и, вероятно, свойство height) изменилось. Я получил вокруг этого явно устанавливая ширину в site.css тела следующим образом:

body { 
    width:2000px; 
}