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

Question

我有一些像这样的媒体查询：

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

和

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

我通过调整浏览器大小来测试一切正常。 代码片段A工作，即当屏幕宽度在701px和900px之间时它变为活动状态。 问题是，在调整浏览器宽度的某个时刻，即使我根本没有改变浏览器高度，代码B也会变为活动状态！