BUG! Lasciato qui nella speranza che attirerà l'attenzione e forse una soluzione.Errore percentuale percentuale di Chrome (webkit)
Il problema è che chrome, rende (ho controllato!) La prima metà del gradiente più piccola della seconda. Il mio codice è:
background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed;
cercato anche:
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3236), color-stop(50%,#ff3236), color-stop(50%,#000000), color-stop(100%,#000000));
background: linear-gradient(to left, #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
Edit/Update: E 'davvero un bug - gli aggiornamenti sono per chiarezza (in alto a 2 blocchi sono div, ciascuna larghezza 50%, di schermo - inferiore è diviso con gradiente): 1) rappresentazione visiva del baco:
2) Grazie a @elstgav di mettere l'una Codepen Test
"sembra essere" o è in realtà? Hai controllato le larghezze degli elementi in Dev Tools? –
Sì, è più grande. Io ho controllato. –
Domanda ragionevole. Non possiamo diagnosticare le immagini. e non abbiamo accesso al "tuo dispositivo". Forse un violino di dimensioni ragionevoli che dimostra il problema. –