回答編集履歴
2
修正
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`viewBox="0 0 10 10"`の有無を揃えると
|
|
1
|
+
`viewBox="0 0 10 10"`の有無を揃えて、`class="circle"`の位置を変更すると見た目を揃えることはできました。
|
|
2
2
|
|
|
3
3
|
(`id="circle"`は`<symbol>`だけに指定するようにもしています。)
|
|
4
4
|
|
1
修正
test
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
`viewBox="0 0 10 10"`の有無を揃えると、見た目を揃えることはできました。
|
|
2
|
+
|
|
3
|
+
(`id="circle"`は`<symbol>`だけに指定するようにもしています。)
|
|
4
|
+
|
|
5
|
+
|
|
2
6
|
|
|
3
7
|
useを用いるとレイアウトが崩れるというより`viewBox="0 0 10 10"`を指定しないとレイアウトが崩れるのではないか、と思います。
|
|
4
8
|
|
|
@@ -21,8 +25,6 @@
|
|
|
21
25
|
<div class="box">
|
|
22
26
|
|
|
23
27
|
<p>TEXT</p>
|
|
24
|
-
|
|
25
|
-
|
|
26
28
|
|
|
27
29
|
<svg class="circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
|
|
28
30
|
|