Material Design Lite Hamburger Menü nicht in der Kopfzeile zentriert

Ich kopiere Code direkt von getmdl.io (die Komponentenseite) und auf allen Geräten (mehrere PCs, Browser, Telefone, etc) das Hamburger-Menü ist nicht in der Kopfzeile zentriert . Ich kann nicht scheinen, das Menü-Symbol in der CSS zu isolieren, um es neu auszurichten. Bei allen Komponentencodes von getmdl.io wird das Burger-Symbol korrekt angezeigt. Hier ist ein Beispielbild. (Ich habe nicht genug Ruf, um direkt mit dem Bild zu verknüpfen.) http://i.imgur.com/e9HiCP5.jpg Material Design Lite Hamburger Menü nicht in der Kopfzeile zentriert

hier ist der Code in Frage

http://pastebin.com/Wgdt71Mv

Quelle

2015-11-19 Mike H

Bitte geben Sie ein Codebeispiel an, was genau Sie gerade ausführen. Wir haben dieses Problem schon einige Male gesehen, es war immer ein Fehler im Code und kein MDL-Problem (da es in allen unseren Beispielen und Vorlagen perfekt funktioniert.) – Garbee

Ich habe das gleiche Problem, erstellt Jsbin zeigt meinen [code] (http://jsbin.com/huqohokaxo/edit?html,output). Hier ist ein [output] (http://output.jsbin.com/tuhaharuhi) Problem. Eine seltsame Sache, die hier passiert, ist, dass der gleiche Code auf [Codepen] (https://codepen.io/anon/pen/BobVOL) funktioniert !! Weird :( – Maulik

Hier ist der Code in Frage. Http://pastebin.com/Wgdt71Mv –

Sieht aus wie Sie die richtigen HTML5 Doctype Markup hinzufügen müssen, um Dinge richtig funktionieren lassen. Versuchen Sie, <!doctype html> ganz oben in Ihrem HTML hinzuzufügen. Das sollte es beheben.

Zusätzlich zum Doctype hatten wir einen kleinen Fehler in der Appbar, was dazu führte, dass er ungefähr 2px außermittig war. Dies wurde behoben und wird in der nächsten Version veröffentlicht werden.

Quelle

2015-11-23 19:27:33 Garbee

Ich hatte genau das gleiche Problem, und dies vollständig behoben - danke –

Danke! Ihre Lösung hat hier sehr gut funktioniert. :) – bodruk

Material Design Lite Hamburger Menü nicht in der Kopfzeile zentriert

Antwort

Verwandte Themen