質問編集履歴
5
検証ツールの画像追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -172,4 +172,8 @@
|
|
|
172
172
|
画面では以下のように表示されます。
|
|
173
173
|
|
|
174
174
|
|
|
175
|
+
検証ツール
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
175
179
|
宜しくお願い致します。
|
4
コード追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,6 +4,23 @@
|
|
|
4
4
|
※以下コードの一番下「satei」の部分になります。
|
|
5
5
|
|
|
6
6
|
```html
|
|
7
|
+
<!DOCTYPE html>
|
|
8
|
+
<html lang="ja">
|
|
9
|
+
<head>
|
|
10
|
+
<meta charset="UTF-8">
|
|
11
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
12
|
+
<title>Mantion Pro</title>
|
|
13
|
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
|
|
14
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
15
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
|
|
16
|
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
|
17
|
+
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
|
|
18
|
+
<link rel="stylesheet" href="css/reset.css">
|
|
19
|
+
<link rel="stylesheet" href="css/style.css">
|
|
20
|
+
</head>
|
|
21
|
+
|
|
22
|
+
<body>
|
|
23
|
+
<!-- header -->
|
|
7
24
|
<header>
|
|
8
25
|
<div class="header-in">
|
|
9
26
|
<img src="images/logo.png" alt="logo">
|
|
@@ -26,9 +43,22 @@
|
|
|
26
43
|
<div class="satei">
|
|
27
44
|
<img src="images/satei.svg" alt="">
|
|
28
45
|
</div>
|
|
46
|
+
|
|
47
|
+
</body>
|
|
48
|
+
</html>
|
|
29
49
|
```
|
|
30
50
|
|
|
31
51
|
```css
|
|
52
|
+
@charset "UTF-8";
|
|
53
|
+
body {
|
|
54
|
+
font-family: 'Meiryo' 'メイリオ' 'aleolight' 'noto sans Japanese' 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
|
|
55
|
+
}
|
|
56
|
+
html {
|
|
57
|
+
font-size: 10px; /* 基準として全てのテキストの大きさを10pxにする */
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
/* /////// header //////// */
|
|
32
62
|
header {
|
|
33
63
|
height: 110px;
|
|
34
64
|
}
|
|
@@ -115,7 +145,7 @@
|
|
|
115
145
|
/* satei */
|
|
116
146
|
.satei {
|
|
117
147
|
width: 100%;
|
|
118
|
-
height:
|
|
148
|
+
height: 500px;
|
|
119
149
|
position: relative;
|
|
120
150
|
}
|
|
121
151
|
|
|
@@ -126,6 +156,17 @@
|
|
|
126
156
|
right: 0;
|
|
127
157
|
margin: 0 auto;
|
|
128
158
|
}
|
|
159
|
+
|
|
160
|
+
/*---Media Queries --*/
|
|
161
|
+
@media screen and (max-width: 992px) {
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
@media screen and (max-width: 896px) {
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
@media screen and (max-width: 575px) {
|
|
168
|
+
}
|
|
169
|
+
|
|
129
170
|
```
|
|
130
171
|
|
|
131
172
|
画面では以下のように表示されます。
|
3
画像追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -129,6 +129,6 @@
|
|
|
129
129
|
```
|
|
130
130
|
|
|
131
131
|
画面では以下のように表示されます。
|
|
132
|
-
|
|
133
133
|
|
|
134
134
|
宜しくお願い致します。
|
2
画像追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -129,6 +129,6 @@
|
|
|
129
129
|
```
|
|
130
130
|
|
|
131
131
|
画面では以下のように表示されます。
|
|
132
|
-
|
|
133
133
|
|
|
134
134
|
宜しくお願い致します。
|
1
画像を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -128,4 +128,7 @@
|
|
|
128
128
|
}
|
|
129
129
|
```
|
|
130
130
|
|
|
131
|
+
画面では以下のように表示されます。
|
|
132
|
+
](abc5f9e0f3f9910e31ef37988d0ac97c.png)
|
|
133
|
+
|
|
131
134
|
宜しくお願い致します。
|