1

私はそれを使用するための指示が2100x2800 pxかそこらであるSVGを介して埋め込まれ、ブラウザウィンドウ幅の90%にサイズ変更されているサイトで働いています。何らかの理由で、上部に大量の空白が追加され、下部が切り取られます。SVGについてはよくわかりません。これはイラストレーターで作成されたものですが、これを修正するために何ができるのか興味があります。

写真: http: //i.imgur.com/Ywsoy.png、http//i.imgur.com/sObAv.png

これが私が使用しているsvgヘッダーと他のいくつかのcss/htmlコードです:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="2120.263px" height="2839.466px" viewBox="0 0 2120.263 2839.466" enable-background="new 0 0 2120.263 2839.466"
 xml:space="preserve">

HTML:

<embed src="P3intro.svg" id="introsvg" type="image/svg+xml"  />

CSS:

article embed {
width: 90%;

margin-left: 5%;
}
4

1 に答える 1

0

私はそれを行う方法を見つけました。私が行ったのは、画像のアスペクト比といくつかのjQueryを使用して計算された固定幅のdivにSVGを含め、SVGの幅を100%、高さを100%にしたことです。

于 2012-11-01T20:51:02.393 に答える