0

ビューポートの変更に合わせて作成/描画したSVGを取得しようとしています。これが、画像の形式としてsVGを選択した理由です。

ただし、スケーリングはまったく行われていないようです。

私は自分の調査で言われたことをすべて行い、SVG要素に幅、高さ、およびいくつかの属性を追加し、divコンテナーの親を追加しました。次に、CSSでmax-height/widthとheight/width:100%を追加しました。

このSVGがスケーリングされない理由と、どのようにスケーリングさせることができるのか、何か考えはありますか?

問題のページの実際の例を次に示します:https ://dl.dropbox.com/u/270523/inlineSVG.html

4

1 に答える 1

1

CSS on#bookmark状態:width: 100%; max-width: 106px;これは、ウィンドウの幅が106px未満でない限り、svgがスケーリングされないことを意味します(ほとんど/すべてのブラウザーでは許可されていません)。

何を達成したいのかを正確に識別することは困難ですwidth: 10%が、SVGが実際にブラウザーの幅に応じてスケーリングしていることを確認できます。

于 2013-02-15T22:25:12.677 に答える