问题标签 [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.
android - 检测 Xoom 浏览器 (Android)
如何使用 CSS Media 检测 Motorola Xoom 浏览器?
例如对于 iPad,我使用@media only screen and (device-width:768px)
摩托罗拉 Xoom 浏览器的类似媒体查询是什么?
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'关键字的情况下为真,它将变为假,反之亦然。”
但由于某种原因,桌面从不呈现样式...请帮助..谢谢..
** * ****已编辑**
使用这种方法可能有什么问题?
html - CSS 媒体查询的精确非(逆)
以下 CSS 媒体查询的确切“NOT”是什么?
只是补充一下,这将意味着..所有除了 iPAD...或.....不是 iPAD..
顺便说一句...我已经尝试过
这不起作用..
html - IE8 对 CSS 媒体查询的支持
IE8 是否不支持以下 CSS 媒体查询:
如果不是,另一种写作方式是什么?在 Firefox 中也可以正常工作。
下面的代码有问题吗?
css - CSS 媒体查询运算符
有人可以用非常简单的术语向我解释操作符and
,not
和only
逗号,
在 CSS 中的含义和作用吗?
css - 使用媒体查询调整 Cufon 的大小
被要求为使用 cufon 作为标题等的智能手机改造网站。
我正在使用媒体查询来交付网站。一切正常,但 cufon 不会调整大小,尽管相关 css 发生了变化。很确定你是通过 .js 来完成的,但不知道如何去做。
任何想法或指示?谢谢
html - 是否可以使用 CSS 媒体查询来隐藏输入框但在打印时显示它们的值?
是否可以使用 CSS 媒体查询来隐藏输入框但在打印时显示它们的值?
jquery - jQuery Masonry 和媒体查询 - 重新加载砌体
我的网站设计有媒体查询以涵盖不同大小的布局。我有砌体组织一堆全尺寸宽度的花车,没问题。在移动宽度上,所有的浮动,取消浮动并且只是堆叠在彼此之上。所以我只需要在 768px <= width <= 1000px 时网站调整为平板电脑布局时重新运行砌体。
这对我还不起作用,但我也不希望它在所有调整大小时运行......只是在断点处。
media-queries - 媒体查询 - 在 css 文件或 html 中是否重要?
我想使用媒体查询来改变我的手机和其他移动设备的设计。
看来我可以在我的 css 文件中包含以下内容:
或者,我可以在我的页面 html 中将类似的内容作为 CSS 文件链接的一部分。它们是这两种方法之间的区别还是结果相同?谢谢
media-queries - 媒体查询在第一页加载时不起作用
我正在使用以下媒体查询来定位 16x9 宽高比的平板电脑,特别是三星 Galaxy Tag:
第一个页面加载时,它不应用 style-16x9.css 样式表。当我重新加载浏览器时,它会生效。当我加载页面时,这总是发生在每个会话开始时。有什么理由会这样吗?
另外,有没有办法专门针对媒体查询中的某个纵横比?例如,排除所有 16x9 纵横比。