是否有可能获得CSS中其他元素的值

时间:2013-06-13 14:10:19

标签: html css height width

我正在创建一个mobi网站,并希望将我的一些元素的高度设置为宽度的倍数,对不起,如果我不是很清楚,这里是我想做的一个例子。

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

我最初只是将高度设置为+ -50%但我后来意识到我根据手机的屏幕尺寸放宽了宽高比。

1 个答案:

答案 0 :(得分:2)

@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/