Hallo liebe Community,

ich weiß, dass Thema gibts schon zig mal, aber so richtig hat mich die Suchfunktion und auch mein Freund Google nicht weitergebracht.

Im heutigen Zeitalter, vor allem wegen der großen Weiterentwicklung der Technik, ist es nicht mehr unüblich, dass Webseiten nicht mehr nur auf Pixelgrößen von 1024x... angepasst werden müssen. Vielmehr hat fast jeder neuer Laptop Auflösungen von 1440x... bis 1920x...

Entsprechend muss ich mir ja nun auch eine sehr flexible Lösung der Anpassung meiner Webseite ausdenken. Denn nicht nur die Aufteilung der Seite sollte gleichbleibend sein bei allen Auflösungen. Nein auch die Schriftgrößen sollten dann mitwachsen, sodass es bei 1920x... genauso aussieht wie bei 1024. Das ich das bei den Boxmodellen mit prozentuellen Angaben lösen kann ist mir durchaus bewusst.

Aber wie kriege ich das bei Schriftgröße oder gar bei Grafiken hin? Schließlich sieht eine Grafik 200x200 Pixel in 1024x... riesig aus, bei 1920x... aber total klein. Dadurch kann sich dann auch mein ganzes Design verschieben.

Gibt es dort schon passende Lösungen via CSS? Oder muss ich das eher mit dynamischeren Sprachen wie PHP o. Ä. anpassen?

Wäre euch sehr dankbar über Denkanstöße hinsichtlich diesem Thema. Eventuell Links zu anderen Themen oder gar Tutorials, würden mir auch sehr weiterhelfen

Danke im Voraus.

Gruß Ronny

Also PHP kannste gleich mal aussenvor lassen, denn PHP intressiert es nicht was du für eine Bildschirmauflösung hast...
Hier wäre eher JavaScript gefragt. Man könnte zb abfragen mit JS welche Auflösung der Client hat und damit die Bilder/Schriftgrößen setzen.