回答編集履歴
1
ブロックに対しての具体的な大きさの指定のソースコードを記載
test
CHANGED
|
@@ -26,6 +26,22 @@
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
+
```css
|
|
30
|
+
|
|
31
|
+
#a,#b,#c { width: 33%; max-width: 200px;}
|
|
32
|
+
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
max-widthを指定しているのは、PCでは、200px以上としないためです。（画像の大きさに合わせている）
|
|
38
|
+
|
|
39
|
+
現存のスマホでは、横幅が200pxでデバイスの横幅30%以下になるデバイスはないかと思うので、（横向きにしない限り）
|
|
40
|
+
|
|
41
|
+
これで要件を満たせるかと思います。
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
29
45
|
PCではなぜ現象が起きなかったのかは、少々疑問が残りますが、
|
|
30
46
|
|
|
31
47
|
おそらく、親divに対しての画像の大きさが、小さいため、
|