媒体查询：屏幕> 1024

我试图在网站中应用媒体查询，但我的知名度并不深，因此基本上我想在检测到的屏幕大于1024时将特定样式应用于标记* 768。媒体查询：屏幕> 1024

我这样做

@media screen and (device-width: 1024px) { 

}

，但[我已查明当分辨率大于1024

来源

2012-08-15 m4g4bu

是高度相关？你的标签中有很多答案，你是否尝试过“CSS媒体查询”？ – 2012-08-15 19:25:17

@media all and (min-width: 1024px) { 
    #css { 
    foo : bar; 
    } 
}

来源

2012-08-15 19:23:32 Ties

这是一个伟大的页面来帮助你 http://cssmediaqueries.com/

来源

2012-08-15 19:23:54 Jrod

这里唯一有价值的答案IMO，因为它指向你的资源，可以帮助你*学习*东西 – 2012-08-15 19:25:29

该页面没有解释'@ media'的语法，这是实际编写CSS所必需的。这让我想知道，我写'@media all {color：green}'吗？（不，实际上它是'@media all {＃the-correct-element {color：green}}'）。该页面似乎更像是专家的参考资料，而提问者会用CSS的片段加上对代码每个部分背后的理论，或者至少是初学者的一般教程。 – 2012-08-15 19:30:14

我不是初学者。我已经看过很多关于这个话题的片段，但我从来没有应用过它。 – m4g4bu 2012-08-15 19:58:00

使用标准媒体屏幕查询。一旦宽度为1024px或更大，查询将触发样式更改。

@media screen and (min-width: 1024px) { 
    /* Styles go here */ 
    #layout { 
     width: 90%; 
    } 
}

来源

2012-08-15 19:24:37 Stieffers

试试这个：

@media only screen and (min-width : 1025px) { 
    .classname { 
     /* styles here */ 
    } 
} 


@media only screen and (max-width : 1024px) { 
    .classname { 
     /* other styles here */ 
    } 
}

来源

2012-08-15 19:24:44

媒体查询：屏幕> 1024

回答

相关问题