#前提
bootstrap4を使っています
css
1//画面をスクロール出来ないサイズ固定した画面にしています。 2 html, body { 3 width: 100vw; 4 height: 100vh; 5 padding: 0; 6 margin: 0; 7 } 8 body { 9 /*タッチデバイスやmacでスクロールされないようにする*/ 10 overflow: hidden; 11 position:absolute; 12 } 13 14 .chat { 15 padding-right: 15px; 16 padding-left: 15px; 17 margin-right: auto; 18 margin-left: auto; 19 margin-top: 10px; 20 margin-bottom: 10px; 21 position: relative; 22 max-width: 1000px; 23 overflow: auto; 24 height: 580px; 25 26 } 27
#実現したい事
チャットエリアのheightを今現在は、580pxで固定値で高さをしてしているのですが、この状態だとレスポンシブに対応していないため、レスポンシブに対応したデザインにしたい。
私なりに、heightをpxではなく,%やemでしてしてあげればいいのかなと試してみたのですが、意図したようになりませんでした。
回答1件
あなたの回答
tips
プレビュー