2014-04-17 6 views
1

우리가 만들고있는 웹 사이트에이 문제가 있습니다. 왼쪽 상단에서 안드로이드 브라우저에서 SVG 객체 크기 조정

http://swaegersverzekeringen.e-staging.be

우리는 SVG 이미지 인 회사 로고를 보유하고 있습니다.

svg를 보유하고있는 객체 태그에 다른 중단 점에서 다른 너비와 높이를 지정하면 SVG가 완벽하게 크기가 조정됩니다. 이제 분명히 안드로이드 브라우저는 자신의 일을 좋아하고 svg를 전혀 확장하지 않습니다.

오브젝트 태그에 적절한 너비가 주어졌지만 svg가 전체 크기로 표시되고 오브젝트 컨테이너의 너비가 100px이므로 잘린 것을 볼 수 있습니다.

나는 한 시간 동안 이것에 대해 인터넷 검색을 해왔으므로 해결책이 무엇인지 여기에서 물어보기로했습니다.

미리 감사드립니다.

답변

0

img 태그 대신 개체 ()를 사용하는 특별한 이유가 있습니까? IE9도 .png를 제공하고이를 지원하는 브라우저에는 img을 사용할 수 있습니다.

0

실제 SVG 파일에 style = "max-height : 100 %"를 추가해야합니다. 마크 업에서 태그를 사용할 수 있지만 태그를 사용하는 것이 좋습니다.

Include the max-height