我在我使用的论坛软件(SMF 2.0.8)中创建了一个基本的导航栏,它在全球范围内有效,但我注意到在调整窗口大小时,某些元素看起来不合适。
在完整尺寸上,导航栏看起来像this,而其大小不是为this设计的。
这里的代码基本上复制了这个:
CSS
#logowrapping
{
margin: 0 auto;
background-color: #222427;
height: 178px;
overflow: hidden;
}
ul.reset, ul.reset li {
padding: 0;
margin: 0;
list-style: none;
text-align: left;
}
#navbaruser
{
float: right;
margin-top: 1em;
margin-right: 1em;
text-align: right;
}
HTML
<div id="logowrapping">
<img id="logo" src="http://darkergaming.com/dglogo2_1.png" alt="" />
<ul id="navbaruser" class="reset">
<li class="greeting"><img src="http://www.darkergaming.com/silkicons/user.png" style="vertical-align: middle;" /> <font color=lightblue>Hello there!</span></font></li>
<li><a href="">Show unread posts since last visit.</a></li>
<li><a href="">Show new replies to your posts.</a></li>';
</div>
我现在已经坚持了几个小时左右。我尝试过应用最小高度,在论坛包装器上应用最小宽度,在%s(最大值)中缩放顶部栏,但没有成功,所以我真的不能想到别的什么。
如果您需要更多信息,请询问