即时通讯相当新的Html,CSS和IM目前正在做一个非常业余的网站,我碰到的问题是每当我尝试从全屏窗口缩小到非常小,一切都开始移动,即使我的导航栏变成垂直的某个点,它感觉有些部分没有“锁定”到位让我们说这样生病给你一个链接到我的网站,所以你可以看到自己也Html和CSS代码如下,任何想法如何解决这个问题?我已经尝试过搜索并添加以下代码,但没有任何更迭.. http://dwaight.magix.net/public/# 在此先感谢..如何在重新调整屏幕时停止移动元素?
HTML代码
<body>
<div class="container">
<div class="header">
<h1 style="margin-top:0;">KYOTO INDUNSTIRES</h1></div>
<ul div class="nav">
<ul style="list-style: none; ">
<li><a href="#">Kyoto</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div class="content">Hier komt de inhoud van de pagina. </div>
<div class="footer">Hier plaats je de footer. </div>
</div>
</body>
CSS代码
.header h1 {
text-align: center;
font-family: "GatsbyFLF";
font-size: 150px;
}
.nav {
font-size: 250%;
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; }
.nav li {
float: left; }
.nav li a {
font-family: "GatsbyFLF";
display: inline-block;
padding: 15px 100px;
text-decoration: none;
font-weight: bold;
color: #000000;
border-right: 1px solid #ccc; }
.nav li a:hover {
color: #000000;
background-color: #fff; }
'1em'是'1em',而不是'14px'。这是一个相对大小。除非你定义它,否则你永远无法说出这个尺寸是多少。 – Brad 2014-08-27 23:50:29
是真的,但对于与像素大小的关系,大约是14px – 2014-08-28 00:08:59
不,它不是!它与像素无关。如果您指的是默认大小,则完全取决于浏览器和设备。 – Brad 2014-08-28 00:09:56