質問編集履歴
1
「実現したいこと」の内容修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
画面の高さと画像の高さの比率を保ったまま画像を表示するレスポンシブデザインを改良したい
|
|
1
|
+
画面の高さと画像の高さの比率を保ったまま画像を表示するレスポンシブデザインの実装を改良したい
|
test
CHANGED
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
|
|
17
17
|
### 実現したいこと
|
|
18
18
|
|
|
19
|
-
できれば以下の実装を改良し、レスポンシブ対応を実現したい
|
|
19
|
+
できれば以下の実装を改良し、レスポンシブ対応を実現したいと思っています。
|
|
20
|
+
どれか一つでも良いアイデアがありましたら、ご教授いただきたいです。
|
|
20
21
|
- imgタグに設定しているdata属性をなくしたい
|
|
21
22
|
- javascriptを使用せずに、cssだけにしたい
|
|
22
23
|
- javascriptを使用しなければならない場合、8行目の1000を適切な値にしたい
|
|
@@ -72,5 +73,5 @@
|
|
|
72
73
|
|
|
73
74
|
### 試したこと
|
|
74
75
|
|
|
75
|
-
cssにおいて、imgに対し`height: 100vh;`を設定すると、画面高さいっぱいに各画像が表示されてしま
|
|
76
|
+
cssにおいて、imgに対し`height: 100vh;`を設定すると、画面高さいっぱいに各画像が表示されてしまいます
|
|
76
77
|
|