编写媒体查询，我不明白为什么它会改变我的img宽度而不是高度？

媒体查询是一种在CSS中使用的技术，它允许我们根据设备的特性和屏幕尺寸来应用不同的样式。通过使用媒体查询，我们可以根据设备的宽度、高度、屏幕方向、分辨率等条件来调整元素的样式。

当你在媒体查询中设置了一个条件，例如设备宽度小于某个值时，应用特定的样式，这意味着当设备的宽度满足这个条件时，相关的样式将被应用到对应的元素上。

在你提到的情况中，如果媒体查询改变了img元素的宽度而不是高度，可能有以下几个原因：

1. 媒体查询的条件只针对宽度进行了设置，而没有设置高度。这意味着当设备的宽度满足条件时，相关的样式将被应用到img元素的宽度上，而高度将保持不变。
2. 在媒体查询中，可能存在其他的样式规则或者CSS属性，导致img元素的宽度被显式地设置为一个特定的值，而高度没有被设置或者被设置为auto。这样就会导致在满足媒体查询条件时，img元素的宽度发生改变，而高度保持不变。
3. 可能存在其他的CSS规则或者样式冲突，导致img元素的宽度被其他样式所覆盖或者修改，而高度没有受到影响。

为了解决这个问题，你可以检查以下几个方面：

1. 确保媒体查询的条件中同时包含宽度和高度的设置，以便在满足条件时同时应用到img元素的宽度和高度。
2. 检查媒体查询之外的CSS规则，确保没有其他的样式规则或者属性设置会影响到img元素的宽度。
3. 检查是否存在其他的CSS规则或者样式冲突，可能会导致img元素的宽度被其他样式所覆盖或者修改。

总结起来，媒体查询是一种用于根据设备特性和屏幕尺寸应用不同样式的技术。如果媒体查询改变了img元素的宽度而不是高度，可能是由于媒体查询条件、其他CSS规则或者样式冲突等原因导致的。在解决问题时，需要检查媒体查询条件的设置、其他CSS规则以及样式冲突等方面。