问题标签 [matchmedia]

有一个带有这些规则的 CSS 文件：

然后我得到了这个脚本，运行在orientationchange：

但是当 window.orientation 返回正确的值时，matchMedia 总是返回页面的初始状态：

在最新 iOS 更新的 iPhone 5 和 iPad 4 上测试。

我究竟做错了什么？ Webkit bugtracker说每个媒体查询都必须有规则，但这不是我的情况。

I am using https://github.com/paulirish/matchMedia.js/ along with the listener extension, however, I do not know how to write a listener for the match media query below. Any assistance would be much obliged.

JS:

我们在调查 iOS Mobile Safari 上的低内存崩溃时遇到了这个问题。

在大型 HTML5 应用程序（如 HTML5 游戏）上最明显的是，我们发现浏览器存在内存泄漏，每次刷新时内存都会不断增加。

在我们的例子中，应用程序运行时使用了大约 300MB 的实际内存，每次刷新都会增加大约 100MB。

在 iPad mini 和 iPad4 上最明显的是，它会在几次刷新后立即使 Mobile Safari 崩溃。

我正在尝试在我的 Wordpress 安装中使用 Enquire.js。我正在尝试将左列推到小屏幕的中央列下方。

我让它在我的笔记本电脑的大多数浏览器中工作，但它不能在旧的 Android 浏览器（2.2）上工作，说它需要一个 polyfill。我试图让这个 polyfill 工作，但仍然没有在 Android 上获得该功能，我仍然在 android 控制台中收到有关 matchmedia polyfill 的警告。

请帮我查明可能的问题。基本上，我在 function.php 中加载了几个脚本：

然后我的子模板有 js 文件夹，其中包含几个文件 polyfill.js，它应该填充媒体匹配（media.match.js 在同一个文件夹中）：

reorder.js（如下），它实际上也使用了同一文件夹中的 enquire.js：

我正在尝试jQuery在一页上使用 2 个导航脚本（Superfish用于台式机和FlexNav 移动设备）。我目前matchMedia与 Paul Irish 一起使用来polyfill响应.CSS3JavaScript

当前的代码只完成了总体目标的 50%。如果您最初使用等于或大于 999px 宽的窗口大小访问网页，那么您会得到Superfish，如果您最初使用小于 999px 的窗口大小访问网页，那么您会得到FlexNav. 当您将窗口大小调整为高于或低于 999 像素时，会出现此问题，因为这两个脚本都处于活动状态。

尽管我很想与它一起工作matchMedia，但我对所有建议持开放态度。

更新：感谢斯蒂芬的建议，我现在有以下代码：

剩余问题： 的销毁功能FlexNav只是部分销毁它。

首先，我想强调一下，我是 javascript 编程的新手，我正在尝试从这里尽可能多地学习。阅读查询 js api、文档以及源代码。我想知道查询 js 和常规使用 matchmedia 和 resize 事件侦听器有什么区别。

查询js链接：http ://wicky.nillia.ms/enquire.js/

将不胜感激任何贡献

我正在尝试我的第一个“渐进式增强”站点，并且有一个关于 jQuery 追加和浏览器调整大小的问题。基本上，我将其设置为加载的默认站点是移动版本，然后如果浏览器宽度至少为 1100 像素，我有一个 jQuery 函数可以将桌面元素附加到页面上的 div。

它工作得很好，但现在我只需要解决调整大小的问题。目前，如果您将浏览器窗口的大小调整为低于 1100 像素宽度，则附加到 div 的元素不会消失，直到您刷新浏览器。我想这样做，如果浏览器窗口的大小调整到 1100px 以下，附加的元素会在不刷新的情况下消失。

有人能指出我正确的方向吗？谢谢！

HTML：

Javascript：

Here's the snippet that fails with "invalid argument" in IE10. Works for Chrome, FF but fails for IE. I am just debugging a js issue and came across this. I dont have any prior knowledge about matchMedia or nor i am a CSS expert. Please excuse my ignorance if any.

鉴于此代码：

还有这个其他代码：

该matchMedia版本按预期工作，当屏幕尺寸小于 800 像素时，它会弹出警报，无论我调整页面大小多少次，但是，当我重新加载屏幕宽度较小的页面时，第二个只会弹出警报大于 800 像素，如果在此之后调整屏幕大小，则不会显示任何警报。

我从 de Modernizr 文档中读到了这篇文章，“将根据当前状态评估最大宽度或方向查询，这可能会在以后发生变化。” 这是指这种特殊行为还是代码有问题？

我正在努力解决以下问题：我想根据屏幕宽度更改标题的行为。从小分辨率到大分辨率时它工作得很好。但反过来说，“ganzOben”和“inMitte”功能并没有停止。有任何想法吗？

`