将图像高度设置为等于动态宽度（仅使用CSS）

Question

是否可以设置与宽度相同的高度？

CSS

img{
    width:90%;
    height: same as width;
}

因为屏幕宽度和高度不相同所以如果宽度为90％，高度应该是pix中相同的高度

Answer 1

使用宽度和高度（以像素为单位）

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}