1

ページがズームインまたはズームアウトされたときに、ページ全体に垂直に伸びる中央のページ コンテナーを作成しようとしています。ページ コンテナーはズームアウトすると完全に伸びますが、ズームインすると、ページ コンテナーの下部とブラウザー ウィンドウの間にスペースが見えます。Chrome を使用して CSS をテストしています。

HTML と CSS は次のとおりです。

<html>
<head>
<style>
*{
margin:0px;
padding:0px;
}
body{
text-align: center;  
padding:0px; 
margin:0px; 
height:100%;
}
#page{
margin: 0 auto;
background:rgba(0,0,0,0.7);
width:980px;
height:100%;
}
#content{
border:0px solid black;
width:980;
height:800; 
}
</style>
</head>
<body>
<div id="page">
    <div id="content">
        </div>
</div>
</body>
</html>
4

1 に答える 1

1

これは良くありません (単位がなく、高さが固定されています):

#content{
border:0px solid black;
width:980;
height:800; 
}

修正の 1 つは、次のように変更することです。

#content{
border:0px solid black;
width:980px;
}

オプションで も使用height: 100%;しますが、必要に応じて余白、パディング、ボーダーを差し引きます。

于 2011-09-06T09:12:22.263 に答える