Css 仅响应媒体查询的某些元素

Css 仅响应媒体查询的某些元素,css,responsive-design,media-queries,Css,Responsive Design,Media Queries,我在一个网站上工作,我尝试使用多种媒体查询:大屏幕、中屏幕、小屏幕。我有一个单一的页面样式表,按照总体样式输入媒体查询: @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->1134中的某些元素会响应,而其他元素则不会响应(它们遵循默认样

我在一个网站上工作,我尝试使用多种媒体查询:大屏幕、中屏幕、小屏幕。我有一个单一的页面样式表,按照总体样式输入媒体查询:

@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->1134中的某些元素会响应,而其他元素则不会响应(它们遵循默认样式)。
“请提供一个不响应媒体查询并遵循默认样式的元素的示例。我只是添加了一些。”。谢谢你看!您可以共享相关页面的链接,或者将其上传到JSFIDLE吗?从你的帖子很难说出来。我真的让它工作了。这是缓存和新资源未加载的问题。谢谢你的帮助!
// 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%;
}