回答編集履歴
1
url追加
test
CHANGED
@@ -4,50 +4,62 @@
|
|
4
4
|
|
5
5
|
ex.)
|
6
6
|
|
7
|
+
|
8
|
+
|
9
|
+
```css
|
10
|
+
|
7
11
|
.img{
|
8
12
|
|
9
|
-
|
13
|
+
width: 100%;
|
10
14
|
|
11
15
|
}
|
12
16
|
|
13
17
|
.mark{
|
14
18
|
|
15
|
-
|
19
|
+
width: 100%;
|
16
20
|
|
17
21
|
}
|
18
22
|
|
19
23
|
@media screen and (min-width:480px) {
|
20
24
|
|
21
|
-
|
25
|
+
/* 480px 以上の場合 */
|
22
26
|
|
23
|
-
|
27
|
+
.img{
|
24
28
|
|
25
|
-
|
29
|
+
width: 80%;
|
26
30
|
|
27
|
-
|
31
|
+
}
|
28
32
|
|
29
|
-
|
33
|
+
.mark{
|
30
34
|
|
31
|
-
|
35
|
+
width: 80%;
|
32
36
|
|
33
|
-
|
37
|
+
}
|
34
38
|
|
35
39
|
}
|
36
40
|
|
37
41
|
@media screen and (min-width:768px) {
|
38
42
|
|
39
|
-
|
43
|
+
/* 768px 以上の場合 */
|
40
44
|
|
41
|
-
|
45
|
+
.img{
|
42
46
|
|
43
|
-
|
47
|
+
width: 500px;
|
44
|
-
|
45
|
-
}
|
46
|
-
|
47
|
-
.mark{
|
48
|
-
|
49
|
-
width: 500px;
|
50
|
-
|
51
|
-
}
|
52
48
|
|
53
49
|
}
|
50
|
+
|
51
|
+
.mark{
|
52
|
+
|
53
|
+
width: 500px;
|
54
|
+
|
55
|
+
}
|
56
|
+
|
57
|
+
}
|
58
|
+
|
59
|
+
```
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
[参考URL](http://sole-color-blog.com/blog/php/71/)
|
64
|
+
|
65
|
+
|