1

我有以下媒体查询，它成功地将背景样式应用于正文，但是它不会改变其他的，有什么想法吗？ 

@media (min-width: 980px) and (max-width: 1200px) {
body {
    background:#F00;
}
.contentsearch.navbar {
    margin-left: -475px !important;
    top: 200px !important;
    width: 950px !important;
}
.contentTabs {
    margin-left: -475px !important;
    width: 948px !important;
}
.ui-tabs-panel { 
    width: 948px !important;
}
}

这是这些元素的原始 css

.contentsearch.navbar { 
     position:absolute; 
     top:200px; 
     width:1170px; 
     left:50%; 
     margin-left:-585px;  
}
.contentTabs {  
border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    bottom: 55px;
    height: auto !important;
    left: 50%;
    margin-left: -585px;
    position: absolute !important;
    top: 241px;
    width: 1168px;
 }
.ui-tabs-panel {
    border-bottom: 1px solid #DDDDDD !important;
    border-top: 1px solid #CCCCCC !important;
    bottom: -1px !important;
    height: auto !important;
    overflow: auto;
    position: absolute !important;
    top: 47px !important;
    width: 1168px;
}
4

3 回答 3

4

试试这个：

    @media all and (min-width: 980px) and (max-width: 1200px){
....
}

您忘记在您希望它处于活动状态的屏幕上声明@media all和.....

你有 ：

  • 全部
  • 屏幕
  • 打印
  • 手持式
  • 电视
  • ETC..

你有很好的文章

于 2013-05-02T15:17:26.760 回答
0

我已经解决了这个问题，谢谢你的回复。

问题是我从另一个应用程序复制和粘贴样式，在传输过程中它们似乎已经拾取了某种奇怪的格式/字符，在手动重写它们之后它现在可以工作了！

于 2013-05-02T15:56:31.363 回答
0

如果没有媒体类型，它仍然可以工作。

如果你调整浏览器大小没有任何反应？当您的屏幕尺寸超过 980px 时，应该显示原始 css，对吗？

于 2013-05-02T15:25:37.423 回答