动态媒体查询

Question

我正在使用js/jq resize事件将css规则应用于水平菜单(可变宽度),当它变得对于屏幕而言太大时.然而,在应用新规则之前,菜单会暂时换行.

理想情况下,我想测量菜单宽度并更改媒体查询的断点!

@media screen and (min-width: THIS-VALUE){
    New Rules
}

这可能吗？？

提前致谢.

Chris GW Green

Answer 1

尝试元标记，而不是媒体查询。在元标记中，您还可以使用 min-width 属性。

就像 meta 是一个 html 标签一样，您可以按照您喜欢的方式更改值：

var element = document.getElementByTagName('meta')[0];

element.setAttribute('content','Value');

元标记的使用示例