我目前正在使用 js/jq 调整大小事件，当水平菜单（宽度可变）对于屏幕来说太大时，将 css 规则应用于该菜单。然而，在应用新规则之前，菜单会短暂换行。
理想情况下，我想测量菜单宽度并更改媒体查询的断点！
@media screen and (min-width: THIS-VALUE){
New Rules
}
这可能吗？？
提前致谢。
克里斯·格林
您可以以编程方式创建媒体查询规则 - 通过测量菜单的宽度来激活（使用 js/jQuery）：
document.querySelector('style').textContent +=
"@media screen and (min-width:400px) { div { color: red; }}"
媒体查询并非设计为在页面或屏幕内元素宽度变化时激活 - 更多的是通过视口/窗口本身和其他因素的变化来激活。 （完整列表可以找到here)
您还没有发布菜单代码，因此很难理解您所经历的“包装”，但是如果您的水平菜单是“屏幕外'，那么您最好将菜单设置为视口的百分比（%）宽度，并使用一系列媒体查询来重新绘制菜单并更改/删除子元素等在某些屏幕宽度下.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
