質問編集履歴
3
スマホ画面画像追加_その2
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
下記がスマホ画面の希望する実装状態です。
|
|
15
15
|
|
|
16
|
+
|
|
16
17
|
※画像はPCブラウザ画面ですが、レスポンシブデザインなのでスマホ画面でも同様な状態です。
|
|
17
18
|
|
|
18
19
|
### 発生している問題・エラーメッセージ
|
2
スマホ画面画像追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
下記が希望する実装状態です。
|
|
10
10
|
|
|
11
11
|
|
|
12
|
+
下記がスマホ画面の現在の状況です。
|
|
13
|
+
|
|
14
|
+
下記がスマホ画面の希望する実装状態です。
|
|
15
|
+
|
|
12
16
|
※画像はPCブラウザ画面ですが、レスポンシブデザインなのでスマホ画面でも同様な状態です。
|
|
13
17
|
|
|
14
18
|
### 発生している問題・エラーメッセージ
|
1
フッターと記述しておりましたが、ヘッダーの間違いでした。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
ヘッダーのドロップダウンメニューを開くとフッター以下が押し動かされてしまう
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
ヘッダーのドロップダウンメニュー(以下メニュー)をレスポンシブデザインで作成しています。
|
|
4
4
|
メニューのみは実装できましたが、メニューを開くとメニュー以下が押し動かされてしまいます。
|
|
5
5
|
メニューを開いてもデザインがズレない状態にするにはどのように実装したらよいのでしょうか？
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
### 発生している問題・エラーメッセージ
|
|
15
15
|
|
|
16
16
|
```発生している問題
|
|
17
|
-
メニューを開くと
|
|
17
|
+
メニューを開くとヘッダーより下のデザイン（画像赤の部分[class名：main-img]）がヘッダーに押し動かされる形で下方にズレてしまいます。
|
|
18
18
|
```
|
|
19
19
|
|
|
20
20
|
### 該当のソースコード
|