Материализация v1.0.0 скрыть на мед и вниз не работает в Chrome - PullRequest
Новая
       11

Материализация v1.0.0 скрыть на мед и вниз не работает в Chrome

0 голосов
/ 27 мая 2019

hide-on-med-and-down отлично работает в Firefox 68.0b1 и Safari 12.1, что означает, что при ширине экрана <= 992px my ul с классом .hide-on-med-and-down не отображается икогда> 992px, это показано как ожидалось.Поскольку это меню отображается в Chrome с другим кодом, оно, похоже, не связано с браузером Chrome.

НО только на Chrome , когда экран> 992px, содержимое ul не отображается !Но с другим

я попытался заменить класс hide-on-med-and-down на show-on-large, но результат также неожиданный (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>

1 Ответ

0 голосов
/ 28 мая 2019

Проблема была связана с увеличенным экраном, и меня не волновал этот параметр.Когда я сбросил масштаб до 100%, меню показывалось, как и ожидалось.

...