質問編集履歴
1
プレフィックス等の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -33,4 +33,22 @@
|
|
|
33
33
|
|
|
34
34
|
### 試したこと
|
|
35
35
|
|
|
36
|
-
一つの解決策として、imgのwidthとheightのどちらもpxで指定すると伸びは解消されましたが、そうせずともandroid実機や、chrome上では期待した通りの表示がされています。
|
|
36
|
+
一つの解決策として、imgのwidthとheightのどちらもpxで指定すると伸びは解消されましたが、そうせずともandroid実機や、chrome上では期待した通りの表示がされています。
|
|
37
|
+
|
|
38
|
+
### 追記
|
|
39
|
+
以下のようにコードを修正したところ解決しました。
|
|
40
|
+
new1roさん、ありがとうございました！
|
|
41
|
+
```CSS
|
|
42
|
+
.img-container{
|
|
43
|
+
display:-webkit-box;
|
|
44
|
+
display:flex;
|
|
45
|
+
justify-content:stretch;
|
|
46
|
+
align-items: center;
|
|
47
|
+
}
|
|
48
|
+
.img-container img{
|
|
49
|
+
width:100%;
|
|
50
|
+
max-width: 100%;
|
|
51
|
+
height: auto;
|
|
52
|
+
display: block;
|
|
53
|
+
}
|
|
54
|
+
```
|