質問編集履歴
2
修正コード
title
CHANGED
File without changes
|
body
CHANGED
@@ -55,4 +55,40 @@
|
|
55
55
|
display: block;
|
56
56
|
}
|
57
57
|
</style>
|
58
|
+
```
|
59
|
+
#追記1
|
60
|
+
修正コード(idを付けたもの)
|
61
|
+
```
|
62
|
+
<div id="gazou">
|
63
|
+
<figure id="gazou"><img id="gazou" src="" alt="" width="200" />
|
64
|
+
<figcaption>figcaption</figcaption>
|
65
|
+
</figure>
|
66
|
+
<figure id="gazou"><img id="gazou" src="" alt="" width="200" />
|
67
|
+
<figcaption>figcaption</figcaption>
|
68
|
+
<figcaption></figcaption>
|
69
|
+
</figure>
|
70
|
+
<figure id="gazou"><img id="gazou" src="" alt="" width="200" />
|
71
|
+
<figcaption>figcaption</figcaption>
|
72
|
+
</figure>
|
73
|
+
<figure id="gazou"><img id="gazou" src="" alt="" width="200" />
|
74
|
+
<figcaption>figcaption</figcaption>
|
75
|
+
</figure>
|
76
|
+
</div>
|
77
|
+
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
|
78
|
+
<style><!--
|
79
|
+
div#gazou {
|
80
|
+
display: flex;
|
81
|
+
}
|
82
|
+
figure#gazou{
|
83
|
+
margin: 3px;
|
84
|
+
}
|
85
|
+
figure img#gazou {
|
86
|
+
display: block;
|
87
|
+
width: 100%;
|
88
|
+
max-width: 100%;
|
89
|
+
}
|
90
|
+
figcaption{
|
91
|
+
text-align: center;
|
92
|
+
}
|
93
|
+
--></style>
|
58
94
|
```
|
1
伝えたい内容を追加
title
CHANGED
File without changes
|
body
CHANGED
@@ -7,6 +7,12 @@
|
|
7
7
|
定石ってあるのでしょうか。
|
8
8
|
はてなブログでスマフォサイトとパソコンサイトに両方とも
|
9
9
|
パソコンサイトに対応させる設定があったのですが、適応させても全く反応しないので、コードで解決しようとしています。
|
10
|
+
最終的にはPCサイトで表示されている通りの並びをそのままスマフォサイトに適用させたいです。
|
11
|
+
image image image
|
12
|
+
caption caption caption
|
13
|
+
って表示されていたら、スマフォでも同様にその並びで表示されるようにしたいです。(縮小してもかまいません。)PCサイト版で表示されているものをスクショして
|
14
|
+
もとのところを消して貼り付ける程度の方法しか思い浮かびません。
|
15
|
+
なんとかコードで解決したいです。
|
10
16
|
回答お願いします。
|
11
17
|
```html
|
12
18
|
<div class="imagearea">
|