回答編集履歴
2
追記
answer
CHANGED
|
@@ -17,3 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
~~解決方法としては、レスポンシブ画像のアスペクト比を合わせるといいかもしれません。~~
|
|
19
19
|
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
もうひとつは、svg が`inline-block`になっていることです。
|
|
23
|
+
解決方法は、`block`にすることですが、フォントサイズがビューポート依存になればもしかすると気にならなくなるかもしれません。
|
1
訂正
answer
CHANGED
|
@@ -5,13 +5,15 @@
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
こちらは誤っていたので削除します。
|
|
9
9
|
|
|
10
|
-
https://next-image-tau.vercel.app/_next/image?url=%2Fmap.png&w=3840&q=75
|
|
11
|
-
↑こちらは、1463/697=2.099ですが、
|
|
12
|
-
https://next-image-tau.vercel.app/_next/image?url=%2Fmap.png&q=75&w=640
|
|
13
|
-
↑こちらは、640/306=2.092です。
|
|
14
|
-
|
|
10
|
+
~~もうひとつは、レスポンシブ画像のアスペクト比が微妙に違うことが原因かもしれません。~~
|
|
15
11
|
|
|
12
|
+
~~https://next-image-tau.vercel.app/_next/image?url=%2Fmap.png&w=3840&q=75~~
|
|
13
|
+
~~↑こちらは、1463/697=2.099ですが、~~
|
|
14
|
+
~~https://next-image-tau.vercel.app/_next/image?url=%2Fmap.png&q=75&w=640~~
|
|
15
|
+
~~↑こちらは、640/306=2.092です。~~
|
|
16
|
-
|
|
16
|
+
~~そのため、同じ`bottom: 60%`でも地図上の位置が異なっているのかもしれません。~~
|
|
17
17
|
|
|
18
|
+
~~解決方法としては、レスポンシブ画像のアスペクト比を合わせるといいかもしれません。~~
|
|
19
|
+
|