0

ブラウザを最大化したときに正常に動作するログイン ページがあります。しかし、サイズを変更すると、要素がさまよい始めます。少し調べてみたところ、次のことがわかりました。

#wrapper { /*It will contain all the elements.*/
   margin-left: auto;
   margin-right: auto;
   min-height: 500px;
   min-width: 500px;
}

動作しますが、min-height と min-width を設定しているため、一部の画面解像度では、ブラウザが最大化されていてもスクロール バーが強制的に適用されます。ユーザーがブラウザのサイズを変更したときにのみスクロールバーを表示する方法はありますか?

4

3 に答える 3

0

コンテンツが許可する場合は、次のように、もう少し柔軟なままにしておくことができます。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<style media="all">
div {background: red; width: 40em; padding: 1em; margin: 0 auto; max-width: 100%;}
</style>

</head>
<body>

<div>
    <p>content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content</p>
</div>

</body>
</html>
于 2013-04-29T14:47:45.000 に答える