只有某些元素响应媒体查询

Question

我正在网站上工作，并且我尝试使用多种媒体查询：大屏幕，中型屏幕，小屏幕。我有一个页面样式表，并按照整体样式输入媒体查询：

@media only screen and (min-width: 1135px)
@media only screen and (min-width: 751px) and (max-width: 1134px)
@media only screen and (max-width: 750px)

751-＆gt; 1134中的某些元素会响应而其他元素则不响应（它们遵循默认样式）。 <＆lt; 750更改

中没有任何内容

问题中的元素是带显示的div：内联块和浮动的元素：

// Default styling
div.image {
  width: 50%;
  float: left;
}

div.text {
  width: 50%;
  float: left;
}

// Media query #2
div.image {
  width: 40%;
  float: left;
}

div.text {
  width: 45%;
  float: left;
  margin-left: 5%;
}

有什么想法吗？