Question

我有一个应用程序，我使用metro-ui css。网站的宽度小于浏览器的屏幕。我希望它与屏幕一样大，每边填充15px。为了实现这一点，我将所有内容包装在body类中，如下所示：

body {
    padding-top: 15px;
    padding-bottom: 15px;
}

body元素有一类＆＃39; metro＆＃39;。除此之外没有太多事情发生。我们可以按如下方式总结页面：

<link href="/Content/css/metro-bootstrap-responsive.min.css" rel="stylesheet"/>
<link href="/Content/css/metro-bootstrap.min.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
<body class="metro">
    <div class="container">
    </div>
</body>

不知何故，屏幕的宽度对于大屏幕来说太小了，但我不知道哪个元素需要给出新的宽度。我尝试了body，html和metro，但它唯一的效果是显示向左，向右或消失而不改变网站。

我希望有地铁ui经验的人可以帮助我。

Answer 1

在身体上方添加

<style>
.metro
{
  //!important is probably not necessary 
  width:100% !important;  
  height:100% !important;
}
</style>

Answer 2

<{1>} .metro .container 添加min-width:100%

如何改变metro-ui网站的宽度

2 个答案: