Css 媒体查询-仅更改宽度时激活高度

我有一些像这样的媒体问题：

@media screen and (min-width: 701px) and (max-width: 900px){
/**
Piece of code A
*/
}

及

我通过调整浏览器的大小来测试这一切是否正常。 一段代码A起作用，即当屏幕宽度在701px和900px之间时，它变为活动状态。

---

问题是，在调整浏览器宽度的某个点上，代码B变为活动状态，即使我根本没有更改浏览器高度

你有一个可以看到的链接吗？或者更好。。你能在a中复制这个吗？你绝对确定你的代码B对于这个特定于高度的媒体查询是唯一的吗？你能用一个简单的模型重现这种行为吗？谢谢。玩过之后，意识到这与调整某些元素大小的代码有关。

@media screen and (min-height: 701px) and (max-height: 840px){
/**
Piece of code B
*/
}