问题标签 [media-queries]

我希望根据所使用的 css 媒体类型来改变我的 asp .net 网页输出到浏览器的方式。

虽然 css 通常会处理屏幕和打印模式之间的外观差异，但我还想在需要打印模式时对标记进行一些小的调整。我只是将浮动部分放在其兄弟的下方，而不是作为在浏览器中的屏幕布局期间使用的 2 col 方法。

这个命名空间是什么，比如 CSS 中的包装/嵌套结构？我以前从未见过这种情况。请帮我理解这是什么。谢谢

根据http://www.webmonkey.com/2010/02/browser-specific_css_hacks/ ，我碰巧对基于 WebKit 的浏览器使用了以下 CSS hack 。

有用。但是，后来我发现它在生产环境中不起作用。我发现这是由于 CSS 优化器在and. Chrome 无法识别以下 CSS。

那么，究竟是什么@media screen and (-webkit-min-device-pixel-ratio:0)意思呢？

我知道@media screen，但我之前没有and在 CSS 文件中使用过。

为什么and需要空格字符？

YUI Compressor 有一个已知的错误，其中一些媒体查询，包括那些用于向 iOS 和 Android 设备提供样式的媒体查询（例如@media screen and (max-device-width: 480px) {...}），在压缩时会被破坏，因为and删除了大括号和左大括号之间的空间。

• http://yuilibrary.com/projects/yuicompressor/ticket/2527991

可从主页下载的最新版本（2.4.2）仍然存在此问题。

• http://yuilibrary.com/downloads/#yuicompressor

是否有修复此问题的更新版本？

我在继承的 CSS 文件中找到了这段代码，但我无法理解：

具体来说，第一行发生了什么？

我知道如何从除iPhone 之外的所有浏览器中隐藏 CSS：请参阅如何将样式表仅应用于 iPhone（而不是 IE），而无需浏览器嗅探？

但是：我如何从 iPhone 中隐藏 CSS，而不是其他浏览器？

您好，有人知道如何使用 LessCSS 进行媒体查询吗？

给我以下错误：

同样，@font-face 和任何带有 @ 的 CSS3 查询与 LessCSS 的编译器冲突。

谢谢！

好的，我目前正在指导我的样式表，如下所示：

在 Site.css 上，我有一个带有背景图像的 ID：

在 mobile.css 上，我想我可以简单地将其更改为“无”或其他图像，有点类似于此（此时我尝试了几种变体）：

但是，它似乎不起作用。背景仍然显示在网站的移动版本上。我一直在 Opera Mini 和 Android SDK Emulator 中查看它。该网站的移动版本从 mobile.css 中获取所有其他属性，而不是背景图像更改。

我知道在这一点上它必须是显而易见的，我只是忘记了。任何帮助，将不胜感激。

我正在尝试使用媒体查询根据窗口的宽度更改块中元素的宽度（这允许我增加页面上的列数而不改变列的宽度）。我希望能够使用 em 而不是像素来做到这一点，这样如果您更改字体大小，一切都会看起来正确。但是，如果我使用以下内容：

当窗口的最小宽度达到 42 * 16px，我的浏览器（Safari）的默认字体大小时，将触发媒体查询，而 div#page 的宽度将为 42 * 12px，继承自 html 元素的字体大小. 我真的很希望根据我正在使用的文本的宽度触发媒体查询，有没有办法让它工作？

jQuery 是否可以修改特定媒体类型（例如打印）的 CSS？

我的具体问题是我在一个元素上使用了动画，它覆盖了打印样式表，这破坏了我的打印布局。尽管我的问题与提出的一般问题略有不同，但我认为答案应该可以帮助我解决问题。任何可能的解决方法也会有所帮助。非常感谢。