2015-11-19 12 views
5

Sto copiando il codice direttamente da getmdl.io (la pagina componente) e su tutti i dispositivi (più PC, browser, telefoni, ecc.) Il menu dell'hamburger non è centrato nell'intestazione . Non riesco a isolare l'icona del menu nel css per riallinearlo. Tutto il codice componente su getmdl.io ha l'icona dell'hamburger visualizzata correttamente. Ecco un'immagine di esempio. (Non ho abbastanza reputazione di collegarsi direttamente all'immagine.) http://i.imgur.com/e9HiCP5.jpgMaterial Design Menu hamburger non centrato nell'intestazione

Ecco il codice in questione

http://pastebin.com/Wgdt71Mv

+0

Si prega di fornire un esempio di codice di che cosa si sta eseguendo esattamente. Abbiamo già visto questo problema alcune volte, è sempre stato un errore nel codice da qualche parte e non un problema MDL (poiché funziona perfettamente in tutti i nostri esempi e modelli.) – Garbee

+0

Sto avendo lo stesso problema, Creato jsbin mostra il mio [codice] (http://jsbin.com/huqohokaxo/edit?html,output). Ecco un [output] (http://output.jsbin.com/tuhaharuhi) che mostra un problema. Una cosa strana che succede qui, lo stesso codice funziona bene su [Codepen] (https://codepen.io/anon/pen/BobVOL) !! Strano :( – Maulik

+0

Ecco il codice in questione http://pastebin.com/Wgdt71Mv –

risposta

19

Sembra che è necessario aggiungere il giusto DOCTYPE HTML5 per il vostro codice a far funzionare le cose correttamente Prova ad aggiungere <!doctype html> nella parte superiore del tuo codice HTML. Questo dovrebbe risolverlo.

In aggiunta al doctype, abbiamo riscontrato un lieve errore di altezza sull'appbar, causando un errore di circa 2px fuori centro. Questo è stato risolto e sarà disponibile nella prossima versione.

+2

Ho avuto esattamente lo stesso problema, e questo completamente risolto - grazie –

+0

Grazie! La tua soluzione ha funzionato molto bene qui. :) – bodruk