求大神解答这个看着简单的问题

[qingwadaxia_1]

<div style="height:?px"><img style="width:100%;" src="xxx.jpg"></div>

已知图片原始尺寸是640px*320px

当图片使用百分之100自适应的情况下，如何求当前图片在各个屏幕尺寸中的高，比如在320、360、375、400等屏幕尺寸中，图片的高是多少。

之前有个大神给我一个求向上边距的公式，但是不知道为什么用来求高好像不行。

100/640*320

请问不用js的情况下，如何计算或者求出图片在各个屏幕尺寸的高

[天际的海浪]

100/640*320 等于 50 height: 50vw;

[its_good]

这个示例的图片是宽高等比例缩放的。 图片的宽度设置100%，即是屏幕的宽度，所以比例公式为： 图片原始高度 ÷ 图片原始宽度 = 图片实际高度 ÷ 屏幕宽度。 以屏幕宽度等于400为例，代入公式，图片的实际高度= 320 ÷ 640 ×400 = 200。

[天际的海浪]

vw单位ie9+支持。具体的看http://css.doyoe.com/values/length/vw.htm 要兼容低版本浏览器只有用js了，别的办法也都是要高版本浏览器的。 其实你这个例子可以设置div为height: auto;，靠图片img元素本身的高度撑起来。

[chinashiji]

100/640*320 等于 50 height: 50vw;

[qingwadaxia_1]

引用 1 楼 jslang 的回复:

100/640*320 等于 50 height: 50vw;

大神，50vw 确实可以了， 不过这个是不是有兼容上的问题， 我该如何写高度， 才能没有兼容问题呢

[qingwadaxia_1]

引用 5 楼 jslang 的回复:

vw单位ie9+支持。具体的看http://css.doyoe.com/values/length/vw.htm 要兼容低版本浏览器只有用js了，别的办法也都是要高版本浏览器的。 其实你这个例子可以设置div为height: auto;，靠图片img元素本身的高度撑起来。

大神 我想问下， 为什么之前我问您那个向上边距的问题，可以用百分百去算， 这次求图片高 却要换成vw做单位呢？