0

私はsvg経由で三角形をレンダリングしています。全幅のときはdivの上部にくっつきますが、ウィンドウを小さくするとポリゴンが下に移動します。一番上に固定する方法を見つけようとしましたが、成功しませんでした。

これがコードです。

    <div>

        <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="100%" height="100px" viewBox="0 0 960 100" enable-background="new 0 0 960 100" xml:space="preserve">
        <polygon fill="#22262E" points="959.746,0 480.882,96.009 2.018,0 "/>
        </svg>

    </div>

解決策を見つけるのを手伝ってください。

ありがとう。

4

1 に答える 1

1

タグに追加preserveAspectRatio="xMidYMin meet"します。<svg>ビューポートの上部中央にコンテンツを配置するようレンダラーに指示します。

于 2013-10-15T01:08:40.960 に答える