Homepage-Ansicht

[Pmf]

Hallo ich habe das Problem das laut meinen Mac Book in der responsive Ansicht die Homepage bei 2560px dementsprechend aussieht, auf meinem Mac sieht es dann auch so aus wenn ich die Homepage öffne, jedoch auf einen anderen größeren Laptop der aber laut Einstellung auch 2560px hat aber jedoch mehr Zoll Display und neuer ist ist das Titelbild komplett daneben und verschoben und entspricht nicht der Ansicht auf meinem Mac Book oder Handy etc, was ist das Problem???

 

[JR Cologne]

Das könnte damit zusammenhängen, dass es einen Unterschied zwischen der tatsächlichen/eingestellten Auflösung des Geräts (device resolution) und der Auflösung in CSS (CSS resolution) gibt. 2560px sind nicht gleich 2560px.

Mehr dazu findest du hier:

Difference Between CSS and Device Resolution | iRonin.IT

Explore the nuances between CSS and device resolution, crucial for web developers as high-density screens rise.

www.ironin.it

Understanding the Difference Between CSS Resolution and Device Resolution

When working these days as a web developer, I see a lot of web developers facing difficulty with understanding of how handle pixel unit in…

elad.medium.com

 

[Pmf]

Was könnte ich da jetzt machen? Das es auf den anderen Laptops oder großen Bildschirmen auch läuft??

 

[JR Cologne]

Na ja, das Problem liegt tendenziell meist an falschen, nicht richtig responsiven Styles.

Du hast dich bislang ja nur sehr wage ausgedrückt. Um dir konkreter helfen zu können, bräuchten wir Code und ggf. einen Screenshot oder besser einen Link zu einem CodePen o.ä.

Mein Hinweis diente dazu, dass du ggf. mal schaust, wie sich die CSS Pixel auf deinem größeren Laptop im Vergleich zu dem MacBook verhalten.

Ansonsten hilft meist aber auch schlicht, die DevTools auf dem entsprechenden Gerät zu öffnen und das Problem zu inspizieren.