teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

修正コード

2019/02/10 09:55

投稿

mercurian-teto
mercurian-teto

スコア75

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

伝えたい内容を追加

2019/02/10 09:55

投稿

mercurian-teto
mercurian-teto

スコア75

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">