Ich entwickle eine responsive Website mit React. Für das Styling verwende ich CSS-Stylesheets. Der responsive Teil wird in CSS mithilfe von @media-Abfragen implementiert.

Das Problem besteht darin, dass bei Verwendung von Chrome die Elemente größer erscheinen und das Layout so aussieht, als würde ich über einen kleineren Bildschirm (Tablet) auf die Website zugreifen. Soweit ich weiß, „denkt“ Chrome, dass das Ansichtsfenster kleiner ist, und antwortet auf Medienanfragen mit den entsprechenden Informationen.

Das Problem trat während der Entwicklung auf, nach einer Zeit normaler Arbeit.

Was mache ich falsch und wie kann ich das beheben?

Hinweis: Beim Öffnen der Website in Firefox funktioniert alles einwandfrei. Wenn ich außerdem die Entwicklungstools in Chrome öffne (F12 aktivieren) und „Gerätesymbolleiste wechseln“ auf „True“ setze (Strg + Umschalt + M), werden die Abmessungen korrekt eingestellt. Dieses Problem tritt nur bei Verwendung von „Normal Chrome“ auf.