回答編集履歴
2
teratailの貼り付けバグのため修正。
test
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
CSSで横並ぶさせるには。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
【よこ並びのCSS。】
|
|
2
6
|
|
|
3
7
|
[http://lopan.jp/layout/](http://lopan.jp/layout/)
|
1
teratailの貼り付けバグのため修正。
test
CHANGED
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
picture要素をとりあえず使ってみた。（画像の分岐をもっと
|
|
17
|
+
「HTML5で」とあるので、picture要素をとりあえず使ってみた。（画像の分岐をもっと意味あるものにしたら良かった）
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
@@ -132,6 +132,8 @@
|
|
|
132
132
|
|
|
133
133
|
```**動くサンプル：**[https://jsfiddle.net/0whcwhyk/2/](https://jsfiddle.net/0whcwhyk/2/)
|
|
134
134
|
|
|
135
|
+
**動くサンプル（表示用）：**[https://jsfiddle.net/0whcwhyk/2/show/](https://jsfiddle.net/0whcwhyk/2/show/)
|
|
136
|
+
|
|
135
137
|
|
|
136
138
|
|
|
137
139
|
---
|
|
@@ -177,3 +179,17 @@
|
|
|
177
179
|
【なんでもかんでも<picture>要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点 | Rriver】
|
|
178
180
|
|
|
179
181
|
[https://parashuto.com/rriver/responsive-web/picture-srcset-use-case](https://parashuto.com/rriver/responsive-web/picture-srcset-use-case)
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
【Google Chromeブラウザでスマートフォンサイトをチェックする：Google Chrome完全ガイド - ＠IT】
|
|
186
|
+
|
|
187
|
+
[http://www.atmarkit.co.jp/ait/articles/1403/20/news050.html](http://www.atmarkit.co.jp/ait/articles/1403/20/news050.html)
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
---
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
書いてた回答が消えた･･･。（再構成版）
|