javascript - 关于 CSS 媒体查询的问题

标签 javascript html css w3c media-queries

我有一个关于 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/

相关文章:

javascript - 使用 CSS 的移动设备触摸事件

html - CSS 选择器不起作用?

javascript - 调整页面大小后固定导航栏问题

javascript - Date.toLocaleTimeString 不显示正确的时间。与当前时间相差 4 小时。为什么?

javascript - 我想在 solana 上类型转换一个新的代币。如何使用 solana-web3.js 做到这一点?

javascript - jQuery 在一个又一个的 child 中淡入淡出

javascript - 以欧洲格式格式化数字,带两位小数

javascript - 将 Unicode 字符插入 JavaScript

css - Div 自动填充页脚/缺少内容

css - 如果最后一个为空,如何将 CONTENT 跨越 ASIDE