質問編集履歴
4
を追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
flex-wrap: wrap;
|
|
33
33
|
width:800px;
|
|
34
34
|
margin: 0px auto;
|
|
35
|
+
@media (max-width: 767px){ min-width:440px
|
|
35
36
|
}
|
|
36
|
-
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
|
3
1つのファイルにしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
```
|
|
23
23
|
など、ほかもサイトを検索して試してみましたが、できませんでした。
|
|
24
24
|
|
|
25
|
+
|
|
25
26
|
```ここに言語を入力
|
|
26
27
|
<style>
|
|
27
28
|
.palent {
|
|
@@ -32,24 +33,24 @@
|
|
|
32
33
|
width:800px;
|
|
33
34
|
margin: 0px auto;
|
|
34
35
|
}
|
|
35
|
-
```
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
|
|
39
|
+
|
|
39
40
|
.child {
|
|
40
41
|
text-align: center;
|
|
41
42
|
width: 400px;
|
|
42
43
|
}
|
|
43
|
-
```
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
|
|
46
|
+
|
|
46
47
|
.child > iframe {
|
|
47
48
|
width: 320px;
|
|
48
49
|
height: 180px;
|
|
49
50
|
}
|
|
50
|
-
```
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
|
|
53
|
+
|
|
53
54
|
.video_title {
|
|
54
55
|
padding-top: 15px;
|
|
55
56
|
padding-bottom: 40px;
|
|
@@ -57,8 +58,7 @@
|
|
|
57
58
|
font-weight: bold;
|
|
58
59
|
font-size: 18px;
|
|
59
60
|
}
|
|
60
|
-
|
|
61
|
+
|
|
61
|
-
```ここに言語を入力
|
|
62
62
|
</style>
|
|
63
63
|
|
|
64
64
|
<div class="palent">
|
|
@@ -71,9 +71,7 @@
|
|
|
71
71
|
<div class="video_title"><a href="" style="text-decoration:none;">「動画タイトル」</a></div>
|
|
72
72
|
</div>
|
|
73
73
|
</div>
|
|
74
|
-
```
|
|
75
74
|
|
|
76
|
-
```ここに言語を入力
|
|
77
75
|
<div class="palent">
|
|
78
76
|
<div class="child">
|
|
79
77
|
<iframe src="https://www.youtube...." frameborder="0" allowfullscreen></iframe>
|
|
@@ -84,4 +82,5 @@
|
|
|
84
82
|
<div class="video_title"><a href="" style="text-decoration:none;">「動画タイトル」</a></div>
|
|
85
83
|
</div>
|
|
86
84
|
</div>
|
|
85
|
+
|
|
87
86
|
```
|
2
コード選択する場所を修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
①場所 ②スマホ用のcss
|
|
14
14
|
```ここに言語を入力
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
|
|
17
17
|
max-width: 500px
|
|
18
18
|
```
|
|
19
19
|
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
```
|
|
23
23
|
など、ほかもサイトを検索して試してみましたが、できませんでした。
|
|
24
24
|
|
|
25
|
+
```ここに言語を入力
|
|
25
26
|
<style>
|
|
26
27
|
.palent {
|
|
27
28
|
text-align: center;
|
|
@@ -32,6 +33,7 @@
|
|
|
32
33
|
margin: 0px auto;
|
|
33
34
|
}
|
|
34
35
|
```
|
|
36
|
+
|
|
35
37
|
|
|
36
38
|
```ここに言語を入力
|
|
37
39
|
.child {
|
1
youtubeのURLを変更しました。コードを選択しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,6 +2,25 @@
|
|
|
2
2
|
レスポンシブ対応のやりかたがわかりません、
|
|
3
3
|
おしえてください。
|
|
4
4
|
|
|
5
|
+
スマホ用のコードがたりないと指摘いただき、
|
|
6
|
+
```ここに言語を入力
|
|
7
|
+
@media (max-width: 767px){
|
|
8
|
+
```
|
|
9
|
+
★★この中にスマホ用のCSSを記述します★★
|
|
10
|
+
}
|
|
11
|
+
とのヒントをいただいたのですが、
|
|
12
|
+
|
|
13
|
+
①場所 ②スマホ用のcss
|
|
14
|
+
```ここに言語を入力
|
|
15
|
+
|
|
16
|
+
```ここに言語を入力
|
|
17
|
+
max-width: 500px
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
```ここに言語を入力
|
|
21
|
+
min-width: 500px
|
|
22
|
+
```
|
|
23
|
+
など、ほかもサイトを検索して試してみましたが、できませんでした。
|
|
5
24
|
|
|
6
25
|
<style>
|
|
7
26
|
.palent {
|
|
@@ -12,17 +31,23 @@
|
|
|
12
31
|
width:800px;
|
|
13
32
|
margin: 0px auto;
|
|
14
33
|
}
|
|
34
|
+
```
|
|
15
35
|
|
|
36
|
+
```ここに言語を入力
|
|
16
37
|
.child {
|
|
17
38
|
text-align: center;
|
|
18
39
|
width: 400px;
|
|
19
40
|
}
|
|
41
|
+
```
|
|
20
42
|
|
|
43
|
+
```ここに言語を入力
|
|
21
44
|
.child > iframe {
|
|
22
45
|
width: 320px;
|
|
23
46
|
height: 180px;
|
|
24
47
|
}
|
|
48
|
+
```
|
|
25
49
|
|
|
50
|
+
```ここに言語を入力
|
|
26
51
|
.video_title {
|
|
27
52
|
padding-top: 15px;
|
|
28
53
|
padding-bottom: 40px;
|
|
@@ -30,26 +55,31 @@
|
|
|
30
55
|
font-weight: bold;
|
|
31
56
|
font-size: 18px;
|
|
32
57
|
}
|
|
58
|
+
```
|
|
59
|
+
```ここに言語を入力
|
|
33
60
|
</style>
|
|
34
61
|
|
|
35
62
|
<div class="palent">
|
|
36
63
|
<div class="child">
|
|
37
|
-
<iframe src="https://www.youtube.
|
|
64
|
+
<iframe src="https://www.youtube....="0" allowfullscreen></iframe>
|
|
38
65
|
<div class="video_title"><a href="" style="text-decoration:none;">「動画タイトル」</a></div>
|
|
39
66
|
</div>
|
|
40
67
|
<div class="child">
|
|
41
|
-
<iframe src="https://www.youtube.
|
|
68
|
+
<iframe src="https://www.youtube...." frameborder="0" allowfullscreen></iframe>
|
|
42
69
|
<div class="video_title"><a href="" style="text-decoration:none;">「動画タイトル」</a></div>
|
|
43
70
|
</div>
|
|
44
71
|
</div>
|
|
72
|
+
```
|
|
45
73
|
|
|
74
|
+
```ここに言語を入力
|
|
46
75
|
<div class="palent">
|
|
47
76
|
<div class="child">
|
|
48
|
-
<iframe src="https://www.youtube.
|
|
77
|
+
<iframe src="https://www.youtube...." frameborder="0" allowfullscreen></iframe>
|
|
49
78
|
<div class="video_title"><a href="" style="text-decoration:none;">「動画タイトル」</a></div>
|
|
50
79
|
</div>
|
|
51
80
|
<div class="child">
|
|
52
|
-
<iframe src="https://www.youtube.
|
|
81
|
+
<iframe src="https://www.youtube...." frameborder="0" allowfullscreen></iframe>
|
|
53
82
|
<div class="video_title"><a href="" style="text-decoration:none;">「動画タイトル」</a></div>
|
|
54
83
|
</div>
|
|
55
84
|
</div>
|
|
85
|
+
```
|