質問編集履歴
2
理想イメージを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,6 +12,9 @@
|
|
|
12
12
|
幅を狭めるとこのように高さが揃わなくなります。
|
|
13
13
|
|
|
14
14
|
|
|
15
|
+
こうなるのが理想です。
|
|
16
|
+
|
|
17
|
+
|
|
15
18
|
---
|
|
16
19
|
【やりたいこと】
|
|
17
20
|
画像の横幅は全表示されなくなってもかまわないので
|
1
イメージとやりたいことを追加しました。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
HTML レスポンシブに失敗する。（２カラム ボックスレイアウト）
|
|
1
|
+
HTML レスポンシブに失敗する。【画像あり】（２カラム ボックスレイアウト）
|
body
CHANGED
|
@@ -4,10 +4,22 @@
|
|
|
4
4
|
左に画像、右にテキストを並べるデザインです。
|
|
5
5
|
|
|
6
6
|
画面幅を狭めたときに、画像とテキストボックスの高さが揃いません。
|
|
7
|
-
|
|
8
7
|
よい方法を教えていただけると嬉しいです。よろしくお願いします。
|
|
9
8
|
|
|
9
|
+
---
|
|
10
|
+
【イメージ】
|
|
11
|
+
PC幅だとこのようにきれいにボックスの横並びができているが、
|
|
12
|
+
幅を狭めるとこのように高さが揃わなくなります。
|
|
13
|
+
|
|
10
14
|
|
|
15
|
+
---
|
|
16
|
+
【やりたいこと】
|
|
17
|
+
画像の横幅は全表示されなくなってもかまわないので
|
|
18
|
+
縦は全て表示されるようにして、
|
|
19
|
+
テキストボックスと画像ボックスの高さがそろうようにしたいです。
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
11
23
|
```html
|
|
12
24
|
<div class="BOX">
|
|
13
25
|
<div>
|