Medienabfrage funktioniert gut, aber plötzlich nicht mehr funktioniert

Question

Es gearbeitet, aber ganz plötzlich er gestoppt :(

@media only screen and (max-width: 768px) { 
form, 
button, 
input { 
    width: 80vw !important; 
    } 
} 


<meta name="viewport" content="width=device-width, initial-scale=1"> 

arbeitet ich HTML, CSS und JS-Code in dem unten stehenden Link enthalten:

DEMO: CodePen

Answer 1

Das Problem ist ein unsichtbares Sonderzeichen in Ihren Code eingefügt.

Es ist die Erklärung für ungültig zu machen, die CSS e ruft Ror-Handling ins Spiel gebracht, und die Regel wird ignoriert.

Wenn Sie den Code kopieren und in Editor einfügen, werden Sie es sehen.

In der Informatik nennen wir diese ein fokussiertes, sich nicht wiederholende Phantasma oder Klasse-5 kostenlose Roaming-Dampf ... real böse ein, auch! :-)

Die einfache Lösung ist nur diese Medienabfrage löschen und neu eingeben.