2

CSSプロパティdivを持つタグで縦横比 1:1 を維持しようとしています。resizeそうすることは可能ですか？

この例にはアスペクト比がありません。助言がありますか？

4

1 に答える 1

1

「resize:horizo​​ntal」にしてから、javascript を使用して別の方法でサイズを変更できます。

マークアップ:

<div id="elementID" style="width:200px;height:200px;background:#000;resize:horizontal;overflow:hidden;"></div>

js:

jQuery('#elementID').mousemove(
    function(e){
        var elem = jQuery(e.target);
        elem.height(elem.width());        
    }
)​

http://jsfiddle.net/valentinas/kFmY8/121/

問題は、要素が変更されたときに何らかの方法でチェックする必要があることです。知る限り、要素のサイズが変更されたときにイベントが発生することはないため、信頼できる結果を得るには間隔をチェックする必要があります。私の例では mousemove を監視していますが、サイズ変更中に実際に要素からマウスを移動できるため、これは信頼できません。

于 2012-11-29T00:45:56.717 に答える