我正在创建一个mobi网站,并希望将我的一些元素的高度设置为宽度的倍数,对不起,如果我不是很清楚,这里是我想做的一个例子。
#myDiv{
width : 40%;
height : width * 1.4;
}
我最初只是将高度设置为+ -50%但我后来意识到我根据手机的屏幕尺寸放宽了宽高比。
答案 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));
});