1

サイズ変更中に HTML ノード (主に画像と div) のアスペクト比を維持するように強制できる Javascript ライブラリはありますか?

これは、要素の幅がウィンドウのサイズによって制限されている場合に、要素の高さを変更するのに特に役立ちます。

注: それが純粋な CSS で実行できる場合は、購入します!

4

1 に答える 1

2

こんな感じですか？

http://jsfiddle.net/DerekL/J2s3C/

コードは次のとおりです。

img{
    width: 100%;
    height: auto;
}

他の要素については、もう少し複雑になります。

2 番目のデモ: http://jsfiddle.net/DerekL/5BgXk/ :

<div id="wrapper"><div id="content"></div></div>

#wrapper {
    position: relative;
    padding-bottom: 33.33%; /* Set ratio here */
    height: 0;
}
#content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: green;    
}
于 2012-06-21T22:10:14.690 に答える