СМИ работает нормально, но вдруг больше не работает

Question

Он работал раньше, но вдруг он перестал работать :(

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


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

Я HTML, CSS и JS код, включенный в ссылку ниже:

DEMO: CodePen

Answer 1

проблема невидимый специальный символ вставляется в код.

это делает заявление недействительной, которое вызывает CSS е rror-handling в игру, и правило игнорируется.

Если вы скопируете и вставьте код в Блокнот, вы увидите его.

В компьютерной науке мы называем это сфокусированными, не повторяя фантазмы, или класс-5 свободного пар роуминга ... реальный противные один, тоже! :-)

Простым решением является просто удалить этот медиа-запрос и повторно ввести его.