回答編集履歴
2
変更ミスの修正
answer
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
方法としては
|
|
2
|
-
1.モーダル内画像をcontainerに入れ込む
|
|
3
|
-
|
|
2
|
+
・img srcsetで画像の大きさを画面解像度ごとに指定する（横幅で指定）
|
|
4
3
|
とすることで、
|
|
5
4
|
画像を画面解像度に合わせて変えることができて、かつモーダルウィンドウの中央に表示ができました。
|
|
6
5
|
個人的な失敗としては
|
1
画像の追加
answer
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
点です。ブレークポイントについてはあまり検証していないので、もしかしたら動くかもしれません。
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
以下変更後のソースです。
|
|
12
|
+
以下変更後のソースと解決後の画像です。
|
|
13
13
|
|
|
14
14
|
```
|
|
15
15
|
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
@@ -31,5 +31,7 @@
|
|
|
31
31
|
</div>
|
|
32
32
|
</div>
|
|
33
33
|
```
|
|
34
|
+
クリック後の画像
|
|
35
|
+
|
|
34
36
|
|
|
35
37
|
お騒がせいたしました。
|