Question

在医疗Firefox 68.0b1和safari 12.1中可以很好地进行“隐藏并隐藏”，这意味着在屏幕宽度<= 992px的情况下，我的ul不属于类。 > 992px时，显示为预期。由于此菜单以其他代码显示在chrome中，因此似乎与chrome浏览器无关。

但仅在Chrome上，当屏幕> 992px时， ul的内容不会显示！但是还有另一个

我曾尝试将show-on-large替换为hide-on-med-down，但结果还是出乎意料的（ul一直显示在小屏幕上）。

<nav class="teal">
    <div class="container">
      <div class="nav-wrapper">
       <a href="#home" class="brand-logo">AMV</a>
       <a href="#" data-target="mobile-nav" class="sidenav-trigger>
          <i class="material-icons">menu</i>
        </a>
        <ul class="right hide-on-med-and-down">
          <li>
            <a href="<?php echo URLROOT; ?>">Home</a>
          </li>
          <li>
            <a href="<?php echo URLROOT; ?>/pages/about">About</a>
          </li>
          <li>
            <a href="<?php echo URLROOT; ?>pages/contact">Contact</a>
          </li>
        </ul>
        </div>
    </div>
  </nav>


        <ul class="sidenav " id="mobile-nav">
          <li>
            <a href="<?php echo URLROOT; ?>">Home</a>
          </li>
          <li>
            <a href="<?php echo URLROOT; ?>/pages/about">About</a>
          </li>

          <li>
            <a href="<?php echo URLROOT; ?>/pages/contact">Contact</a>
          </li>
        </ul>


    <script type="text/javascript" src="js/materialize.js">
    $(document).ready(function(){
    $('.sidenav').sidenav();
    }); 
    </script>

Answer 1

问题与放大的屏幕有关，我不在乎此参数。当我将缩放比例重置为100％时，菜单如预期般艳丽。

Answer 2

这是因为您没有在 <a href="<?php echo URLROOT; ?>
中使用可变符号或双引号来进行字符串减速
并且您还错过了 class="sidenav-trigger> 中的双引号
因此，如果您运行代码， sidevav 将不再起作用

在您的 {{1}]的所有 href 标签中尝试修复 <a href="<?php echo URLROOT; ?> }

例如例子

ul

Materialize v1.0.0不能隐藏在Chrome中

2 个答案: