铬缩放图像与Css元素查询错误

Question

调整窗口的大小在此小提琴https://jsfiddle.net/kaljak/fuzxqkmz/4/图像（其容器）调整大小，并根据图像重新调整。

调整大小是由CSS-元件查询（https://github.com/marcj/css-element-queries）

DIV[max-width~="669px"] { 
    height: 10.7em; 
    left: 14.6em; 
} 

只有在浏览器图像不正确缩放制成。有谁知道这可以解决吗？ width: auto和height: auto无法删除。

Answer 1

此问题已被接受为错误的浏览器：https://bugs.chromium.org/p/chromium/issues/detail?id=677942

Answer 2

据我所知，你想要img有父div的高度和宽度来自动计算。

因此给img高度100%。

https://jsfiddle.net/9pmLk0ft/1/

IMG { 
    margin-left: 1.2em; 
    width: auto; 
    height: 100%; 
    max-height: 100%; 
} 

DIV { 
    left: 20.6em; 
    height: 21.4em; 
} 

DIV[max-width~="669px"] { 
    height: 10.7em; 
    left: 14.6em; 
}