Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据宽度设置比例高度_Javascript - Fatal编程技术网

Javascript 根据宽度设置比例高度

Javascript 根据宽度设置比例高度,javascript,Javascript,假设我有一个宽度为320px的div,我应该在高度上应用什么数字,以便它在风景中看起来成比例 320px只是一个例子,宽度会有响应。所以我需要一个公式,而不是一个基于320px宽度的固定高度值 我试着采用这种方法: var maxWidth = 550; var w = dimension.width; var h = dimension.height; if(w > maxWidth){ var ratio = maxWidth / w; w *= ratio;

假设我有一个宽度为320px的div,我应该在高度上应用什么数字,以便它在风景中看起来成比例

320px只是一个例子,宽度会有响应。所以我需要一个公式,而不是一个基于320px宽度的固定高度值

我试着采用这种方法:

var maxWidth = 550;
var w = dimension.width;
var h = dimension.height;
if(w > maxWidth){
    var ratio = maxWidth / w;
    w *= ratio;
    h *= ratio;
}

但我不确定
h

的值是多少,这个问题似乎离题了,因为这是一个数学问题,而不是编程问题。但是我认为当你编写游戏时,你需要数学,编程+数学。这是真的,但你进一步不清楚你认为你当前代码的问题是什么-它以相同的比例调整宽度和高度,保留原始比例。假设宽度是320像素,大小(高度)也是如此?