2

最近、個人サイトを作成しました。

ターゲットの解像度がどんなに低くても、下にスクロールする必要なく、サイトが画面全体に収まるように縮小されるように設計したかったのです。%どのターゲット解像度にも合うように値を使用しました。

これは、すべての主要なプロパティを備えた Web サイトのデザインです。 サイトデザインの説明

私の問題は、ブラウザーの解像度を小さくすると、コンテンツが画面に合わせて縮小されないことです。

これは、ブラウザの解像度を縮小するとどうなるかです。 ブーム なぜこうなった？

cssプロパティはこちら

#myPageBody
{

    padding: 3% 15% 5% 15%;
}

#myPageNav
{
    text-align: center;
    padding:0%;
    margin-bottom:2%;
    font-weight :bold;
    font-size:150%; 
}

#myPageNav span 
{

    padding-right:2%; 
}

.page
{
    position:fixed;
    width:65%;
    height:70%;
    padding:1%;
    font-size:200%;

}
4

2 に答える 2

1

画面サイズを縮小してもフォントサイズは変わらないため、通常と同じスペースを占有してバラバラになります。

于 2012-10-01T18:37:13.113 に答える
0

ズームインまたはズームアウトすると、指定されたパーセンテージに従って、ピクセルがそれぞれ増加または減少します。

max-width、min-width( In pixel ) 、max-heightおよびmin-height( In pixel ) プロパティをそれらに与えてみてください。私は間違っているかもしれませんが、これは良い習慣です。

例えば：

max-width:100%;
min-width:1024px; /* The least resolution to be considered */
max-height:/*desired percentage or pixels */
min-height:800px; /* The least resolution to be considered */
于 2012-10-01T18:37:20.167 に答える