回答編集履歴
1
修正コメントを受けて修正
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
最終的な理想のレイアウトがよく分からないが、
|
2
2
|
|
3
|
-
とりあえず、アイコンは左寄せ、ページタイトルとハンバーガーマークは右寄せに配置と仮定して、下記のCSSでどうですか。
|
3
|
+
~~とりあえず、アイコンは左寄せ、ページタイトルとハンバーガーマークは右寄せに配置と仮定して~~、「アイコンは左端、タイトルは真ん中、ハンバーガーマークは右端」ということなら下記のCSSでどうですか。
|
4
4
|
|
5
5
|
|
6
6
|
|
@@ -41,8 +41,6 @@
|
|
41
41
|
/* width: 100%; 削除 */
|
42
42
|
|
43
43
|
margin-left: 5vw;
|
44
|
-
|
45
|
-
margin-right: auto; /* 追加 */
|
46
44
|
|
47
45
|
height: 100%;
|
48
46
|
|
@@ -88,4 +86,6 @@
|
|
88
86
|
|
89
87
|
|
90
88
|
|
91
|
-
|
89
|
+
アイコン(.photoroke-icon)に width: 100%; を設定しているので他の要素が右に押し出されていますので、これは削除。
|
90
|
+
|
91
|
+
また、高さが指定してないので、画像オリジナルのサイズに表示されるのではみ出ます。高さをヘッダーの高さにしたいなら、height: 100%; を追加。
|