问题标签 [media-queries]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1821 浏览

android - 检测 Xoom 浏览器 (Android)

如何使用 CSS Media 检测 Motorola Xoom 浏览器?

例如对于 iPad,我使用@media only screen and (device-width:768px)

摩托罗拉 Xoom 浏览器的类似媒体查询是什么?

0 投票
4 回答
1603 浏览

javascript - CSS媒体查询问题

我有一个关于 CSS 媒体查询的问题。

我正在使用 desktop.css 和 ipad.css 实现一个 HTML 页面,并希望它们在 2 个单独的文件中。在 desktop.css 中,我使用 @import url("ipad.css"); 并且还添加 @media 不仅具有实际桌面样式的屏幕和 (device-width:768px) 块..

所以 desktop.css 看起来像

现在,虽然 iPad CSS 在 iPad 上正确应用,但由于某种原因,桌面 CSS 没有得到应用。不知道“@media not only screen ...”有什么问题

我提到了 http://www.w3.org/TR/css3-mediaqueries

并且它说“在媒体查询的开头存在关键字'not'会否定结果。即,如果媒体查询在没有'not'关键字的情况下为真,它将变为假,反之亦然。”

但由于某种原因,桌面从不呈现样式...请帮助..谢谢..

** * ****编辑**

使用这种方法可能有什么问题?

0 投票
1 回答
16130 浏览

html - CSS 媒体查询的精确非(逆)

以下 CSS 媒体查询的确切“NOT”是什么?

只是补充一下,这将意味着..所有除了 iPAD...或.....不是 iPAD..

顺便说一句...我已经尝试过

这不起作用..

0 投票
11 回答
246672 浏览

html - IE8 对 CSS 媒体查询的支持

IE8 是否不支持以下 CSS 媒体查询:

如果不是,另一种写作方式是什么?在 Firefox 中也可以正常工作。

下面的代码有问题吗?

0 投票
1 回答
393 浏览

css - CSS 媒体查询运算符

有人可以用非常简单的术语向我解释操作符and,notonly逗号,在 CSS 中的含义和作用吗?

0 投票
2 回答
1024 浏览

css - 使用媒体查询调整 Cufon 的大小

被要求为使用 cufon 作为标题等的智能手机改造网站。

我正在使用媒体查询来交付网站。一切正常,但 cufon 不会调整大小,尽管相关 css 发生了变化。很确定你是通过 .js 来完成的,但不知道如何去做。

任何想法或指示?谢谢

0 投票
1 回答
737 浏览

html - 是否可以使用 CSS 媒体查询来隐藏输入框但在打印时显示它们的值?

是否可以使用 CSS 媒体查询来隐藏输入框但在打印时显示它们的值?

0 投票
2 回答
9442 浏览

jquery - jQuery Masonry 和媒体查询 - 重新加载砌体

我的网站设计有媒体查询以涵盖不同大小的布局。我有砌体组织一堆全尺寸宽度的花车,没问题。在移动宽度上,所有的浮动,取消浮动并且只是堆叠在彼此之上。所以我只需要在 768px <= width <= 1000px 时网站调整为平板电脑布局时重新运行砌体。

这对我还不起作用,但我也不希望它在所有调整大小时运行......只是在断点处。

0 投票
1 回答
2011 浏览

media-queries - 媒体查询 - 在 css 文件或 html 中是否重要?

我想使用媒体查询来改变我的手机和其他移动设备的设计。

看来我可以在我的 css 文件中包含以下内容:

或者,我可以在我的页面 html 中将类似的内容作为 CSS 文件链接的一部分。它们是这两种方法之间的区别还是结果相同?谢谢

0 投票
1 回答
1000 浏览

media-queries - 媒体查询在第一页加载时不起作用

我正在使用以下媒体查询来定位 16x9 宽高比的平板电脑,特别是三星 Galaxy Tag:

第一个页面加载时,它不应用 style-16x9.css 样式表。当我重新加载浏览器时,它会生效。当我加载页面时,这总是发生在每个会话开始时。有什么理由会这样吗?

另外,有没有办法专门针对媒体查询中的某个纵横比?例如,排除所有 16x9 纵横比。