質問編集履歴
5
検証ツールの画像追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -346,4 +346,12 @@
|
|
|
346
346
|
|
|
347
347
|
|
|
348
348
|
|
|
349
|
+
検証ツール
|
|
350
|
+
|
|
351
|
+
|
|
352
|
+
|
|
353
|
+
|
|
354
|
+
|
|
355
|
+
|
|
356
|
+
|
|
349
357
|
宜しくお願い致します。
|
4
コード追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,6 +10,40 @@
|
|
|
10
10
|
|
|
11
11
|
```html
|
|
12
12
|
|
|
13
|
+
<!DOCTYPE html>
|
|
14
|
+
|
|
15
|
+
<html lang="ja">
|
|
16
|
+
|
|
17
|
+
<head>
|
|
18
|
+
|
|
19
|
+
<meta charset="UTF-8">
|
|
20
|
+
|
|
21
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
22
|
+
|
|
23
|
+
<title>Mantion Pro</title>
|
|
24
|
+
|
|
25
|
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
|
|
26
|
+
|
|
27
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
28
|
+
|
|
29
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
|
|
30
|
+
|
|
31
|
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
|
32
|
+
|
|
33
|
+
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
|
|
34
|
+
|
|
35
|
+
<link rel="stylesheet" href="css/reset.css">
|
|
36
|
+
|
|
37
|
+
<link rel="stylesheet" href="css/style.css">
|
|
38
|
+
|
|
39
|
+
</head>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
<body>
|
|
44
|
+
|
|
45
|
+
<!-- header -->
|
|
46
|
+
|
|
13
47
|
<header>
|
|
14
48
|
|
|
15
49
|
<div class="header-in">
|
|
@@ -54,12 +88,38 @@
|
|
|
54
88
|
|
|
55
89
|
</div>
|
|
56
90
|
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
</body>
|
|
94
|
+
|
|
95
|
+
</html>
|
|
96
|
+
|
|
57
97
|
```
|
|
58
98
|
|
|
59
99
|
|
|
60
100
|
|
|
61
101
|
```css
|
|
62
102
|
|
|
103
|
+
@charset "UTF-8";
|
|
104
|
+
|
|
105
|
+
body {
|
|
106
|
+
|
|
107
|
+
font-family: 'Meiryo' 'メイリオ' 'aleolight' 'noto sans Japanese' 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
|
|
108
|
+
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
html {
|
|
112
|
+
|
|
113
|
+
font-size: 10px; /* 基準として全てのテキストの大きさを10pxにする */
|
|
114
|
+
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
/* /////// header //////// */
|
|
122
|
+
|
|
63
123
|
header {
|
|
64
124
|
|
|
65
125
|
height: 110px;
|
|
@@ -232,7 +292,7 @@
|
|
|
232
292
|
|
|
233
293
|
width: 100%;
|
|
234
294
|
|
|
235
|
-
height:
|
|
295
|
+
height: 500px;
|
|
236
296
|
|
|
237
297
|
position: relative;
|
|
238
298
|
|
|
@@ -254,6 +314,28 @@
|
|
|
254
314
|
|
|
255
315
|
}
|
|
256
316
|
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
/*---Media Queries --*/
|
|
320
|
+
|
|
321
|
+
@media screen and (max-width: 992px) {
|
|
322
|
+
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
|
|
326
|
+
|
|
327
|
+
@media screen and (max-width: 896px) {
|
|
328
|
+
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
|
|
332
|
+
|
|
333
|
+
@media screen and (max-width: 575px) {
|
|
334
|
+
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
|
|
257
339
|
```
|
|
258
340
|
|
|
259
341
|
|
3
画像追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
|
|
261
261
|
画面では以下のように表示されます。
|
|
262
262
|
|
|
263
|
-
|
|
264
264
|
|
|
265
265
|
|
|
266
266
|
|
2
画像追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
|
|
261
261
|
画面では以下のように表示されます。
|
|
262
262
|
|
|
263
|
-
|
|
264
264
|
|
|
265
265
|
|
|
266
266
|
|
1
画像を追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -258,4 +258,10 @@
|
|
|
258
258
|
|
|
259
259
|
|
|
260
260
|
|
|
261
|
+
画面では以下のように表示されます。
|
|
262
|
+
|
|
263
|
+
](abc5f9e0f3f9910e31ef37988d0ac97c.png)
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
|
|
261
267
|
宜しくお願い致します。
|