我有一个关于 CSS 媒体查询的问题..
我正在使用 desktop.css 和 ipad.css 实现一个 HTML 页面,并希望将它们放在 2 个单独的文件中。 在 desktop.css 中,我使用 @import url("ipad.css");并且还添加 @media 不仅是屏幕和 (device-width:768px) 具有实际桌面样式的 block ..
所以 desktop.css 看起来像
@import url("ipad.css");
@media not only screen and (device-width:768px)
{
//Desktop styles
}
现在,虽然 iPad CSS 在 iPad 上得到了正确应用,但出于某种原因,桌面 CSS 没有得到应用。 不确定“@media 不仅是屏幕……”有什么问题
我提到了 http://www.w3.org/TR/css3-mediaqueries
它说“在媒体查询开头出现关键字‘not’否定了结果。也就是说,如果媒体查询在没有‘not’关键字的情况下为真,它将变为假,反之亦然。 "
但由于某种原因,桌面永远不会呈现样式...请帮助...谢谢...
*******已编辑 em>**
使用这种方法可能会出现什么问题?
@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);
最佳答案
关于javascript - 关于 CSS 媒体查询的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5763024/