alexandrknyazev13071995
@alexandrknyazev13071995

Адаптивное меню в Metro UI CSS рушится после обновления страницы. В чем проблема?

Делаю appbar с помощью фреймворка Metro ui.
Добавляю на сайт стандартное меню, код взят из документации.
Код:
<div class="app-bar" data-role="appbar">
    <a class="app-bar-element" href="...">Home</a>
    <span class="app-bar-divider"></span>
    <ul class="app-bar-menu">
        <li><a href="">Home</a></li>
        <li><a href="">Support</a></li>
        <li><a href="">Help</a></li>
        <li><a href="">Home</a></li>
        <li><a href="">Support</a></li>
        <li><a href="">Help</a></li>
    </ul>
</div>

01f4d8f2abae49cbb6fe22434f166092.png
При уменьшении размера браузера части меню скрываются, появляется возможность разворота
ced84bd977e8447893fc97b4bce0cb2b.png
Однако при обновлении страницы все блоки видны
50bd4a2df65f4379871638c5df409179.png
Еще раз обновил - снова видны. Однако если начать менять размеры браузера сразу снова все становится на места
34469662e0db477a90e35b4f5fa0a0c8.png
В чем может быть проблема?
  • Вопрос задан
  • 198 просмотров
Пригласить эксперта
Ответы на вопрос 1
alexandrknyazev13071995
@alexandrknyazev13071995 Автор вопроса
Оказалось, что всему виной - использование less в проекте, вы кинул - заработало
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы