问题标签 [media-queries]

我正在寻找一种方法来为打印媒体使用与默认屏幕布局相同的样式表。对我来说的好处是每次更新 CSS 时我都不必更新 2 个文件。我希望有一个样式表，并通过以某种方式表示它们来指定印刷媒体的特殊规则……这可能是不可能的，但我想我会把问题放在那里。

这听起来像是一个愚蠢的问题（对我来说），但我已经搜索过了，我找不到任何似乎在谈论它的地方。代理集的媒体类型在哪里 - 它是由浏览器（或其他）硬编码的还是可配置的（特别是 IE）？

我问是因为我正在编写一个主要由普通 PC 使用的网络应用程序，但也会有一些上网本使用它。然而，这些上网本将运行 XP，并且似乎被检测为普通的 Windows 浏览器，但是对于某些页面，我希望它们使用不同的 CSS（主要用于较大的字体类型），所以我希望将它们设置为手持式设备，然后在我的 CSS 上点击相应页面（拥有它们的用户也将从普通 PC 登录，因此无法选择按用户检测类型）。

或者有更好/更正确的方法吗？

我正在使用 Greasemonkey 和 JQuerys #css 方法将 css 样式添加到页面。到目前为止的脚本：

现在我的问题是如何仅将最后一条规则应用于@media print？

换句话说：如果这是干净的 CSS，我将使用以下语法：

但是如何使用 Greasemonkey/JQuery 来选择它

我有一张桌子，里面有一些<input type="text">盒子，我希望这些在打印时显示为普通文本。我已经设置了一个 media="print" 样式表

在其中，这会删除边框，因此内容看起来就像文本，但是输入仍在将列的宽度推到其实际宽度（不足为奇），因此我得到了不必要的空白空间和列宽。有没有一种时髦的方法可以使用 CSS 将输入的宽度设置为其内容大小，或者使用其他方法来解决这个问题？

另一个论坛上的某个人建议使用打印按钮来创建客户端脚本来物理更改页面标记，但不幸的是，由于页面的复杂性和动态性，这并不实用。

我很确定这不能完成，但我想我会问。

:-moz-system-metric(touch-enabled)看起来像是在移动网站上工作的一个非常有用的 CSS 选择器。

不幸的是，Webkit 在移动触摸设备上占主导地位，所以有人知道是否有 Webkit 等价物吗？

（理想情况下，最好由 CSS3 媒体查询管理）

编辑： 看起来 Gecko 支持它作为媒体查询

我一直在考虑在一个网站上使用媒体查询，但只考虑下载一个大文件的想法，因为它需要很长时间才能通过 3G 在 iphone 上下载。

当在 iphone / netbook / ipad 上查看网站时，是否可以使用 jquery 更改文件名（即添加 -iphone 到 background.jpg 以制作 background-iphone.jpg），也许在那里也使用媒体查询。

在我看来，这似乎应该是可能的。如果那里的任何人也可以解决它，那就太好了:-D

提前致谢

斯图

我找到了这个用于查找屏幕尺寸的代码

我发现了这个脚本，我认为它会将文本添加到文件中

有什么想法可以将两者结合起来吗？

也许是这样的 -

但不知道如何修复语法错误

或者也许这个 - 虽然仍然有结束语法错误

我在css3.info阅读了关于它们的文章，但我觉得它解释得不够好。我也无法让他们的示例随着我的屏幕尺寸而改变。我尝试在 Safari、FF、Chrome 中使用。

这是一个尚未准备好实现的功能吗？

如果我想在浏览器窗口宽度小于 1024px 时调整一些样式。我怎样才能做到这一点？

请帮助我如何使用 IE 浏览器的媒体查询？我遇到了一个 jquery 库： http: //plugins.jquery.com/project/MediaQueries但我无法下载这个库。

我见过其中的一些......：

...但我想知道媒体查询的确切语法/所有可能的组合，因为我正在修改 CSS 解析器。

非常感谢！

我是这家公司的新手，我们有一个使用数英里 CSS 的产品。我正在尝试为我们的应用程序制作可打印的样式表，但我遇到了background-colorin问题@media print。

其他一切正常，我可以修改边框等，但background-color不会在打印中出现。现在我明白了，如果没有更多细节，你们可能无法回答我的问题。我只是好奇之前是否有人遇到过这个问题或类似的问题。