ページはバリデーターを通過し、IE9とChromeで動作します。しかし、Firefoxでテキストが途切れる理由がわかりません。私はCSSで遊んでみました、ラベルの幅と高さを変更し（何もしませんでした）、ラベルの絶対位置を変更しました（それでもまったく同じ場所で切り取られました）、ほとんど何でもHTML/を試しましたCSSに関して。
スクリーンショット：http： //i44.tinypic.com/10qjp5t.png
2825 次
2 に答える
4
svg要素のwidth属性とheight属性の両方を100％に設定します。
于 2012-04-17T07:20:12.617 に答える
0
プロパティ「background-size」を追加し、次のようにSVG画像の幅と高さの値を指定します。background-size：（width）px（height）px;
したがって、SVGの幅が100ピクセル、高さが50ピクセルの場合、SVGのCSSで次のルールを使用します。background-size：100px 40px;
さらに、古いブラウザーのサポートを追加するには、SVG背景の前にSVGのCSSでフォールバックpng背景を次の方法（および順序）で定義します。background：url（fallback_image.png）no-repeat; 背景：url（svg_image.svg）繰り返しなし;
これが機能するのは、SVGをサポートするほとんどのブラウザーが複数の背景もサポートしているため、後者の背景（SVG）が適用されるためです。ブラウザがSVGをサポートしていない場合は、最初の背景（SVG以外）のみが使用されます。
于 2014-06-29T16:07:13.453 に答える