CSSトップマージンはときに、ウィンドウの収縮を縮小します

StackOverflow https://stackoverflow.com/questions/1966899

  •  21-09-2019
  •  | 
  •  

質問

私は、ウィンドウが最大化されていると言う100pxにの私のWebページのトップマージンをしたいが、ユーザーがウィンドウのサイズを変更した場合、私は、このマージンが縮小したい、それを縮小します。マージンが言うの10pxのの最小サイズを有するべきであり、窓の高さに比例して縮小する必要があります。

たとえば、私がエミュレートするためにしようとしていますが http://www.bing.com/ のであれば

どのように私はCSSでこれを実装するに行きますか？私は現時点ではmin-height、min-width、heightとwidthでstugglingています。

感謝します。

役に立ちましたか？

解決

いくつかのコードを見ることなく、それは素晴らしい提案を与えることは困難です。

：しかし、あなたは実際には、ブラウザの閲覧可能な部分の高さに準拠している必要があり、100％の高さにhtmlと体のスタイルを設定することができます 
html, body{ margin:0; padding:0; height:100%; }

、あなたがそこに身体に直接div要素を追加して与えることができますから、その割合の高さ：

#push{ height: 15%; }

あなたの体のHTMLは次のようになります 

<body>
    <div id="push"></div>
    <div>
        asdf asdf
    </div>
</body>

身長が変化し、その意志プッシュ高さ。あなたは、あなたの好みに合わせてそれを得るためにその数を微調整する必要があるかもしれません。また、プッシュに最小の高さを与えることができますが、それはIE6ではサポートされていません。また、その100％のHTML /ボディはとても用心と幸運、後であなたのフッターとの事をやっている方法に応じトラブルあなたを与えることができます。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top