Question

我的标题在全屏显示正常 - 但是当我调整浏览器大小时，页眉（和页脚）不会跨越整页。有人知道为什么吗？

如果我将min-width设置为一个数字，比如说＆＃34; 960px＆＃34;，这就解决了这个问题，但是对于一个小型浏览器，这会使页面超长。

＆＃13;

.header {
background-color: #0d0d0d;
border-bottom-style: solid;
border-bottom-width: 2px;
border-color: #e1e1d0;
border-opacity: 0.8;
min-width: 100%;
}

.header img {
margin: 20px 10px;
}

.header ul {
padding: 10px 0;
float: right;
list-style-type: none;
}

.header li {
font-size: 15px;
margin: 35px;
display: inline-block;
text-decoration: none;
text-shadow: 5px;
}

＆＃13;

    <div class="header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-12">
      <img src="http://i.imgur.com/66ceGOS.png?1" alt="TS Logo" style="width:75px;height:75px;">
           <ul>
            <li><a href="default.asp">Home</a></li>
            <li><a href="news.asp">Public Artwork</a></li>
            <li><a href="contact.asp">Installation & Exhibition Work</a></li>
            <li><a class="active" href="#about">Profile</a></li>
        </ul>
      </div>
    </div>
  </div>
 </div>

＆＃13;

Answer 1

你可以在min-width之前添加：

width: 100%;

标题不是全宽调整大小

1 个答案: