VUEJS) svg위치적용 Ios 위치 문제 해결 방법 position:relative;

이상하게 컴퓨터의 웹, 안드로이드의 웹에서는 svg위치가 알아서 잘 잡힌다.
그런데 ios 디바이스(아이패드, 아이폰)에서는 컨테이너를 빠져나가버린다.

svg에 컨테이너를 씌우고 그 컨테이너에 position:relative;를 먹여주면 해결할 수있다.

아래의 빨간 내모만 확인해보면 내용을 알 수있다.

html

css

 

https://pythonq.com/so/html/1562482

html - svg 요소의 절대 위치 지정이 작동하지 않습니다 - IT 툴 넷