Меню гамбургера Material Design Lite не центрировано в заголовке

Я копирую код непосредственно с getmdl.io (страница компонента) и на всех устройствах (несколько компьютеров, браузеров, телефонов и т. д.) меню гамбургера не находится по центру в заголовке. Кажется, я не могу изолировать значок меню в CSS, чтобы перестроить его. Во всем коде компонента на getmdl.io значок бургера отображается правильно. Вот пример изображения. (У меня недостаточно репутации, чтобы напрямую ссылаться на изображение.) http://i.imgur.com/e9HiCP5.jpg

вот код, о котором идет речь

http://pastebin.com/Wgdt71Mv


material-design-lite
person Mike H    schedule 19.11.2015    source источник
comment
Пожалуйста, предоставьте пример кода того, что именно вы используете. Мы уже сталкивались с этой проблемой несколько раз, она всегда заканчивалась ошибкой где-то в коде, а не проблемой MDL (поскольку она отлично работает во всех наших примерах и шаблонах).   -  person Garbee    schedule 19.11.2015
comment
У меня та же проблема: создан jsbin, показывающий мой код. Вот вывод, показывающий проблему. Здесь происходит одна странная вещь: тот же код отлично работает на Codepen !! Странный :(   -  person Maulik    schedule 19.11.2015
comment
Вот код, о котором идет речь. pastebin.com/Wgdt71Mv   -  person Mike H    schedule 20.11.2015

Ответы (1)


arrow_upward
21
arrow_downward

Похоже, вам нужно добавить правильный тип документа HTML5 в разметку, чтобы все работало правильно. Попробуйте добавить <!doctype html> в самый верх вашего HTML. Это должно исправить это.

В дополнение к типу документа у нас была небольшая ошибка высоты на панели приложений, из-за которой она смещалась примерно на 2 пикселя от центра. Это было исправлено и появится в следующем выпуске.

person Garbee    schedule 23.11.2015
comment
У меня была точно такая же проблема, и это полностью решило ее - спасибо - person Dean Chalk; 10.01.2016