質問編集履歴
3
スマホ画面画像追加_その2
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,6 +28,8 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
+
|
|
32
|
+
|
|
31
33
|
※画像はPCブラウザ画面ですが、レスポンシブデザインなのでスマホ画面でも同様な状態です。
|
|
32
34
|
|
|
33
35
|
|
2
スマホ画面画像追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,6 +20,14 @@
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
+
下記がスマホ画面の現在の状況です。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
下記がスマホ画面の希望する実装状態です。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
23
31
|
※画像はPCブラウザ画面ですが、レスポンシブデザインなのでスマホ画面でも同様な状態です。
|
|
24
32
|
|
|
25
33
|
|
1
フッターと記述しておりましたが、ヘッダーの間違いでした。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
ヘッダーのドロップダウンメニューを開くとフッター以下が押し動かされてしまう
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
ヘッダーのドロップダウンメニュー(以下メニュー)をレスポンシブデザインで作成しています。
|
|
6
6
|
|
|
7
7
|
メニューのみは実装できましたが、メニューを開くとメニュー以下が押し動かされてしまいます。
|
|
8
8
|
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
```発生している問題
|
|
32
32
|
|
|
33
|
-
メニューを開くと
|
|
33
|
+
メニューを開くとヘッダーより下のデザイン（画像赤の部分[class名：main-img]）がヘッダーに押し動かされる形で下方にズレてしまいます。
|
|
34
34
|
|
|
35
35
|
```
|
|
36
36
|
|