我正在使用Wordpress“店面”的子主题构建自定义网站，但是移动引导NAV切换存在很大问题。
使用“菜单”切换响应菜单时，它不会显示870像素宽的下拉菜单，而只会显示714像素宽的下拉菜单。我一直在尝试解决此问题，但没有成功，我唯一注意到的是切换上的按钮类。如果您在代码检查器中查看，则aria-expanded =“ false”的宽度约为870px，如果我手动输入代码，则值为“ true”，因此读取aria-expanded =“ true”即可。
任何帮助我都非常感谢，我已经尝试修复了几个小时，但在纠正方面没有成功。下方的Web链接是右上方的移动主导航菜单
答案 0 :(得分：1)
aria-expanded是向屏幕阅读器提示有关元素用途的提示。 It does not provide any kind of behavior.通常，无论是否设置该属性都不会影响网站的工作方式。
但是，由于ARIA属性与其他任何html属性一样，因此您可以可以在CSS中根据属性的值添加条件逻辑，并且如果该条件逻辑隐藏或取消隐藏了元素， 可能会影响您网站的外观。
在这种情况下，有一个
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Primary Navigation">
<button class="menu-toggle" aria-controls="site-navigation" aria-expanded="false"><span>Menu</span></button>
<div class="primary-navigation">
...
</div>
<div class="handheld-navigation">
<ul id="menu-mobile-main-navigation" class="menu">
...
</div>
并且在点击按钮时切换aria-expanded时，以下CSS起作用：
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu>ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded="true"] {
max-height: 9999px;
}
但这有点像red herring。是的，CSS中有一个aria-expanded，但它在