私はそれを使用するための指示が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%;
}