回答編集履歴
2
追記追加
test
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
+
画像サイズは、サービスの表示レスポンスに大きな影響を
|
|
2
|
+
|
|
3
|
+
与えます。
|
|
4
|
+
|
|
1
|
-
近年のWebサービスでは、いわゆるレスポンシブデザインであったり、クロスデバイス対応であったりで画像サイズの制御が特に重要です。
|
|
5
|
+
また、近年のWebサービスでは、いわゆるレスポンシブデザインであったり、クロスデバイス対応であったりで画像サイズの制御が特に重要です。
|
|
2
6
|
|
|
3
7
|
|
|
4
8
|
|
|
@@ -15,3 +19,5 @@
|
|
|
15
19
|
|
|
16
20
|
|
|
17
21
|
また、素材として使うイメージのサイズはサービスの対象デバイスにも依りますが、スマートデバイスの場合はレティーナなどの画面解像度の高いデバイスで鮮明に表示するためにデバイスの画面サイズの2倍の幅で設定することが一般的です。
|
|
22
|
+
|
|
23
|
+
ただ、4kや8kのモニタも一般化しつつあるため、今後はもしかしたらそれ以上のサイズで素材を準備する必要が出てくるかもしれません。
|
1
誤字修正
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
その設定ですが、imgタグに対して以下の設定を行ってください。
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
img｛display:inline-block;vertical-align:top;width:100%;height:auto;｝
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|