レスポンシブdivの高さ - ブートストラップ

私が間違っていることを誰かに教えてもらえますか？問題を含むウェブサイトを表示するにはリンクをクリックしてください。 - click here レスポンシブdivの高さ - ブートストラップ

私は高さに応じて緑色のボックスを作ることはできません。高さは同じですが、幅はスケーリングされています。緑色のボックスが同時に高さと幅のサイズが変更され、画面にフィットするように、サイズを一緒に変更したいと思います。

本当に何が間違っているのかわからないので、助けてください。

ありがとうございます

2016-11-16 Pinky_P

を照会するためにあなたは、W3Schoolsのを参照することができ、画面の幅ごとに調整してきています。デバイスが反応したので、デバイス上のページを試しました。 –

こんにちはNitesh、ありがとうございました！モバイルやタブレットで開くと反応します。しかし、クライアントが望むのは、別のラップトップ/デスクトップ画面で開いたときに完全な連絡先フォームを表示するためにスクロールしなくても、位置が固定され、画面に合わせて緑色のボックスのサイズが変更されます何か意味がありますか？）現時点では、コンタクトフォームの緑色のボックスを見るには、少し下にスクロールする必要があります。 –

申し訳ありませんが、連絡先フォームを表示するためにスクロールする必要はありません。ただし、ページの上部にあるパディング140pxを最小化することができます。 –

高さをauto/100％に設定してみてください。

または

これは、あなたが探しているものではないかもしれないが、私は同様の問題とメディアクエリが、私はそれを解決する助けていました。

最小幅を設定し、divの高さを設定することに応じて設定します。

@media only screen and (min-width: 768px) { 
     .loginbox 
     { 
      height: 120px;/height: 50%; 
     } 
    }

メディアは高さ

Media Queries

出典

2016-11-16 12:44:51

レスポンシブdivの高さ - ブートストラップ

答えて

関連する問題