Hilfe nur für Medien

Hallo, ich frage mich, ob Sie mir möglicherweise bei einem Problem helfen könnten, das ich mit der Implementierung von Nur-Medien-Bildschirmen habe.

Ich sollte erwähnen, dass ich ein unerfahrener Programmierer bin und dies das erste Mal ist, dass ich einen so großen Code entwickelt habe.

Ich arbeite derzeit an der neuen Website für mein Unternehmen und habe die Homepage fertiggestellt. Ich konzentriere mich jetzt darauf, es für mobile Geräte reaktionsfähig zu machen.

Ich habe einige Media Only-Elemente in der CSS-Datei für die Homepage erstellt, diese werden jedoch nicht sofort auf mobile Geräte angewendet. Ich möchte außerdem darauf hinweisen, dass ich FireFox Developer Edition verwende, die über einen Modus zur Anzeige von Seiten als mobile Geräte verfügt.

Ich habe reine Medienbildschirme erstellt und online nach den Abmessungen der meisten Mobilgeräte gesucht, befürchte aber, dass ich möglicherweise die falschen Abmessungen habe. Wären Sie so freundlich, mir zu helfen?

Vielleicht könnte jemand mit Erfahrung in HTML und CSS freundlicherweise die richtigen Abmessungen angeben?

Mein Code

media only screen and (min-width: 360px) and (max-width: 393px){}
@media only screen and (min-width: 412px) and (max-width: 428px){}
@media (min-width: 576px) and (max-width: 768px) {}

Das obige ist der detaillierte Inhalt vonHilfe nur für Medien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!