質問編集履歴
4
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -94,4 +94,20 @@
|
|
|
94
94
|
```
|
|
95
95
|
w-[512px]をともに設定することで、右端は合うようになりました。
|
|
96
96
|
しかし、ml-20とかマージンを設定すると、カーテンにはマージンが効きません。
|
|
97
|
-
<div class="screen ml-20 w-[512px]"></div>としてもダメでした。
|
|
97
|
+
<div class="screen ml-20 w-[512px]"></div>としてもダメでした。
|
|
98
|
+
|
|
99
|
+
追記3）
|
|
100
|
+
<div class="w-1/2">
|
|
101
|
+
<div class="box">
|
|
102
|
+
<img
|
|
103
|
+
id="quality"
|
|
104
|
+
class="curtain ml-20 md:w-[512px] md:h-auto w-[100vw] h-auto"
|
|
105
|
+
src="../images/quality.jpg"
|
|
106
|
+
alt="quality"
|
|
107
|
+
/>
|
|
108
|
+
<div class="screen ml-20 md:w-[512px] md:h-auto w-[100vw] h-auto"></div>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
クラスを全く一緒にしたらマージンもかかるようになりました。
|
|
112
|
+
|
|
113
|
+
ただ、画像を表示した状態でロードすると、スクリーンがかかったままです。
|
3
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -79,4 +79,19 @@
|
|
|
79
79
|
何卒よろしくお願いいたします。
|
|
80
80
|
|
|
81
81
|
追記1）
|
|
82
|
-
<div class="screen w-[512px]"></div>でもダメでした。
|
|
82
|
+
<div class="screen w-[512px]"></div>でもダメでした。
|
|
83
|
+
|
|
84
|
+
追記2）
|
|
85
|
+
```HTML
|
|
86
|
+
<div class="box">
|
|
87
|
+
<img
|
|
88
|
+
id="quality"
|
|
89
|
+
class="curtain ml-20 md:w-[512px] md:h-auto w-[100vw] h-auto"
|
|
90
|
+
src="../images/quality.jpg"
|
|
91
|
+
alt="quality"
|
|
92
|
+
/>
|
|
93
|
+
<div class="screen w-[512px]"></div>
|
|
94
|
+
```
|
|
95
|
+
w-[512px]をともに設定することで、右端は合うようになりました。
|
|
96
|
+
しかし、ml-20とかマージンを設定すると、カーテンにはマージンが効きません。
|
|
97
|
+
<div class="screen ml-20 w-[512px]"></div>としてもダメでした。
|
2
追加質問
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
https://kenpicopico.site/img-ainimation-ltor/
|
|
9
9
|
このサイトに同じようなロジックがあったので、実装してみましたが、
|
|
10
10
|
画像のサイズよりカーテンのサイズが大きくなります。
|
|
11
|
+
また、画像を表示した状態でリロードすると、カーテンが表示されたままでカーテンがはけてくれません。
|
|
11
12
|
|
|
12
13
|
### 発生している問題・エラーメッセージ
|
|
13
14
|
特にエラーは発生していません。
|
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -76,3 +76,6 @@
|
|
|
76
76
|
google chromeです。
|
|
77
77
|
|
|
78
78
|
何卒よろしくお願いいたします。
|
|
79
|
+
|
|
80
|
+
追記1）
|
|
81
|
+
<div class="screen w-[512px]"></div>でもダメでした。
|