鉻縮放圖像與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; 
}