html - CSSで別の要素の値を取得することは可能ですか?

Question

私は mobi サイトを作成していて、一部の要素の高さを幅の倍数に設定したいと考えています。十分に理解できていない場合は申し訳ありませんが、ここに私がやりたいことの例を示します。

#myDiv{
width : 40%;
height : width * 1.4;
}

最初は高さを +-50% に設定するつもりでしたが、電話の画面サイズによっては縦横比が緩んでいることに後で気付きました。

Answer 1

@cinnanon そうです。これは CSS だけではできません。

jQuery (javascript) を使用することもできますが、これはおそらくレスポンシブ サイトを構築するためのベスト プラクティスではありません。

var adjustHeight = 1.4;

$(document).ready(function () {
    $('div').css('height', ($('div').width() * adjustHeight));
});

$(window).resize(function () {
    $('div').css('height', ($('div').width() * adjustHeight));
}); 

http://jsfiddle.net/philsinatra/pqz59/