2017-10-17 7 views
0

私のウェブサイトには小さな問題があります。ユーザーがページをズームアウトすると、本文(白い部分)はディスプレイの下まで伸びません。ここで私はズームアウト時にページ本文が表示の最下部まで伸びない

example

何を意味するかがあり、ユーザが通常のズームであり何ら問題はませんが、約50%のズームした後、問題が発生し始めています。これをどうすれば解決できますか?

inspect element

+0

固定している可能性がありますか? – Cheshire

+1

ねえ。いくつかのコードを追加して、コードを修正してそのようにすることはできますか? :)私がお勧めしたいのは、要素の高さをmin-width:100vhに設定することです。 – Jesus

+0

@RyanEarnshaw返信いただきありがとうございます!あなたの提案は実際にはうまくいきましたが、あなたはmin-widthではなくmin-heightを意味すると思います。それにもかかわらず、私はmin-height:100vhを加えました。ページ内の要素には、それは魅力のように動作します!ありがとう:) –

答えて

0

てみ設定:

min-height: 100vh; 

ドキュメントが利用可能hereであるが、そのかなり自明

0

使用min-height: 100vh

CSS3は私たちに、ビューポート、相対単位を与えます。 100vwはビューポート幅の100%を意味します。 100vh;高さの100%。

関連する問題