2016-10-28 15 views
0

私はこの問題に困惑しています。私は解決策がかなりシンプルだと感じていますが、私自身はそれを理解できません。画面サイズが小さくなるにつれて要素の高さを変更する方法は?

現在、1つのセクションの背景は、画面サイズが小さいためにプッシュダウンされるすべてのテキストに対応するために高さが増加しません。テキストと一緒に1セクションの背景が増えるようにするにはどうすればいいですか? https://i.gyazo.com/fb3a0ad686f28dfbb0f016810f3e9d0e.gif

そして、いくつかの関連するコード:任意の助け http://www.bootply.com/wXC2JnWXbT

おかげ

は、私はアクションのGIFを行いました。

+0

あなたのコードにフィドルを提供できますか? –

答えて

1

height:autoを試しましたか?min-heightと一緒に設定しましたか?または、最初のギャップをまだ残すことができるように、底に詰め物を追加します。しかし、それはテキストに常に詰め物があるようにします。これはあなたが望むかどうか分からないので、私はそれを知らせません。

または、overflow:autoを設定して、テキストがボックスを超えたときにスクロールバーが表示されるようにします。その後、高さの変更の必要はありません

+0

この男!それは完璧に働いた!ありがとう、私は解決策がとてもシンプルであることを知っていました。私はちょうどCSSのすべてのプロパティを暗記する必要があると思います。また、私はこのようなすべてのセクションに同じことをする必要があると思いますか?内容が異なると約6つがあるためです。申し訳ありませんよりも安全でしょうか?初期高さを超えている場合、現在100%に設定されています。 – raimond

+0

クラスが異なる場合は、他のクラスに配置したいと思うでしょう。 – Tapu

関連する問題