2013-06-21 4 views
0

가능한 한 큰 너비가되도록 내 svg 크기를 조정하고 싶습니다. 나는이 시도 :너비를 전체 너비로 조정하십시오.

<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    preserveAspectRatio="xMinYMin meet" 
    width="345px" height="524px" viewBox="0 0 345 524" enable-background="new 0 0 345 524" xml:space="preserve"> 

을 그리고 내 HTML은 다음과 같습니다

<object width="100%" data="pdftosvg.svg"></object> 

하지만 크롬에서 작동하지 않습니다. 너비를 이보다 작게 만들 수 있습니다. 너비 = "50px"로 설정하면 작아집니다. 그러나 width = "2000px"로 설정하더라도 원하는만큼 크게되지는 않습니다.

나는이 문제를 어떻게 해결할 수 https://dl.dropboxusercontent.com/u/58922976/Test/index.html : 여기

내 웹 페이지입니까?

답변

2

대신 <object>의이 그것을 확장해야 <img>

<img width="100%" src="pdftosvg.svg"></img> 

사용합니다. 너비를 2000px로 설정할 수도 있습니다. http://caniuse.com/svg-img

+0

가 감사 :

여기에 img 태그에 svgs에 대한 브라우저 지원입니다! 완벽한 작품 – Kasper

+0

이 기사는 유체 이미지 기술을 다루는 좋은 직장입니다 : http://demosthenes.info/blog/586/CSS-Fluid-Image-Techniques-for-Responsive-Site-Design –

관련 문제