图片高度随宽度动态等比缩放

Question

求；自适应页面中图片高度随宽度动态等比缩放，四张不同高度的图片显示时高度要一致（默认宽度为X，高为Y=X/80%的形式）

Answer 1

把图片的高度设置成height: auto试试！

Answer 2

如果宽高比是自然的宽高比 设置height:auto就行 ；
如果宽高比 不是自然的宽高比：
图片宽度为什么会变; 一般是因为浏览器窗口变了; 你监听window.onresize 在其中使用a.height(a.width()*0.8);如果还有其他行为会导致 在该行为结束时执行就行；

重看一下 你是要求高度固定 宽度等比缩放啊 题目取错了 你该设置height :100px;width：auto

Answer 3

宽度一样，然后展示的高度也一样的话 四张本来就不一样大小的图片 应该不会是等比例缩放哦。
你要他们高度一样的话 还不如设置一个四个相同高度div 然后让img height:100%