Wie verhindern Sie, dass Next.js @media von max-Breite in "<=" -Format konvertieren? ⇐ HTML

[Anonymous]

In meinem nächsten.js -Projekt habe ich eine CSS -Datei mit einer reaktionsschnellen Regel: < /p>
@media screen and (max-width: 1080px) {
.content-box {
flex-direction: column;
}
}
< /code>
Diese Regel wird auf meinen Desktop -Browsern korrekt angewendet, funktioniert jedoch nicht auf meinem Handy (375px Innerwidth). Die Inhaltsbox wird nicht in die Spalte geändert. Debugging mit Safari Ich kann auch sehen, dass die Regel nicht angewendet wird.@media screen and (width
Dies scheint das Problem zu verursachen. Wenn ich die @media -Regel direkt in einem Style -Tag hinzufüge, funktioniert es wie erwartet. Oder gibt es eine weitere gemeinsame Lösung für dieses Problem?