質問編集履歴
1
コードを質問欄に記載しました。ブラウザに表示したところ、CSSが何ひとつ反映されていないようです。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
レスポンシブデザイン
|
|
1
|
+
レスポンシブデザインのCSSが反映されていない
|
body
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
（前回の質問を修正しました。）
|
|
1
2
|
初心者です。
|
|
2
3
|
ホームページ作成し、レスポンスデザインでモバイル版の表示にしようと思いコードを書いていましたが縦並びになりません。
|
|
3
4
|
書籍ではロゴの下にナビメニューが来るようになっているのですが全くならず困っています。
|
|
5
|
+
この問題はindex.HTMLとnews.htmlの両方に見られます。
|
|
4
|
-
レスポンシブデザインのコード自体が反映されていないように感じます。
|
|
6
|
+
縦並び以外にも余白など、レスポンシブデザインのコード自体が反映されていないように感じます。
|
|
5
7
|
どのようにすれば良いでしょうか？
|
|
8
|
+
よろしくお願いします。
|
|
6
9
|
|
|
7
|
-
|
|
10
|
+
```
|
|
8
|
-
|
|
9
|
-
|
|
11
|
+
<!-- index.html -->
|
|
10
|
-
|
|
11
12
|
<!doctype html>
|
|
12
13
|
<html lang="ja">
|
|
13
14
|
<head>
|
|
@@ -43,10 +44,9 @@
|
|
|
43
44
|
</div>
|
|
44
45
|
</body>
|
|
45
46
|
</html>
|
|
46
|
-
|
|
47
|
+
```
|
|
47
|
-
|
|
48
|
+
```
|
|
48
|
-
|
|
49
|
+
<!-- news.html -->
|
|
49
|
-
|
|
50
50
|
<!doctype html>
|
|
51
51
|
<html lang="ja">
|
|
52
52
|
<head>
|
|
@@ -127,10 +127,8 @@
|
|
|
127
127
|
</footer>
|
|
128
128
|
</body>
|
|
129
129
|
</html>
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
130
|
+
```
|
|
133
|
-
|
|
131
|
+
```
|
|
134
132
|
@charset "UTF-8";
|
|
135
133
|
html {
|
|
136
134
|
font-size: 100%;
|
|
@@ -375,4 +373,6 @@
|
|
|
375
373
|
.post-cat {
|
|
376
374
|
margin-left: 80px;
|
|
377
375
|
}
|
|
378
|
-
}
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
```
|