如果我们有一个固有尺寸为300pxx300px的图像，则该图像的内容框也是300pxx300px.如果我们通过css将图像尺寸更改为，比方说，300pxx200px，图像将显示失真.
img {
height: 300px;
width: 200px;
}
我想知道，从技术上讲，这里发生了什么.Css的尺寸是content box、the image，还是两者都有？
我将在这里冒险，并建议使用css设置内容框的样式，并且默认情况下，图像适合该框.我之所以这样假设，是因为fill是object-fit的默认设置.如果我们将图像设置为object-fit: cover，图像将不再失真(其中一些图像隐藏在内容框的边界之外)，但300px x 200px的尺寸仍然适用于内容框.
我还没能在规格中找到这个问题的答案.有没有人能给我指个方向，或者给我个答案？如果有任何有缺陷的 idea 或术语，请随时纠正我！