Auflösungsunabhängige Website erstellen.

    Hallo,

    ich bin gerade dabei meine Website so zu designen, dass sie sich automatisch der eingestellten Auflösung anpasst.

    Nun habe ich zwei Probleme festgestellt die jetzt zu weiteren Fragen von mir führen.

    • Gibt es eine Möglichkeit die verwendete Schriftgröße relativ zu setzen, damit sie sich an die eingestellte Auflösung anpasst? Also z. B. bein einer Auflösung von 800x600 auf 9.5px und bei einer Auflsung von 1024x768 auf 12px ? Ich habe auch schon mit den Maßangaben %, em und ex in Bezug auf die font-size herumgetestet, aber damit bekomme ich es nicht hin. Und ich möchte auch möglichst nicht über javascript die Schriftgröße im Browser ändern.
    • Ich verwende auf meiner Seite eingie <img> Elemente, z. B. für die Banner und sonstige stylische Elemente. Gibt es hier evtl. die Möglichkeit Vektorgrafiken einzubinden, die sich ohne Qualitätsverlust größer skalieren lassen? Ansonsten müsste ich für meine Website eine max-width gestlegen, die sich dann an den original-größen meiner *gif und *.jpg Images orientiert.

    Auch ralative Schriftgrößen passen sich nicht unterschiedlichen Bildschirmaufkösungen an. Allerdings kann der Benutzer in seinem Browser die Schrift dann selbst größer oder kleiner einstellen.

    Bei den Bildern könntest du die width und height-Angaben in Prozent statt in Pixeln angeben. Allerdings hat dies den Nachteil, dass damit Qualitätsverluste verbunden sind.

    Schließlich könntest du mit Java-Script die Bildschirmauflösung des Benutzers auslesen und je nachdem eine entsprechende CSS laden. Nachteil: Java muss installiert sein.

    Oder du baust einen Style-Switcher ein und bietest für jede Auflösung eine gesonderte CSS-Datei zur Auswahl an.

    1. versuch mal statt px em zu benutzen

    2. also das sich deine bilder mitvergrößern ? geht mit slicen. is aber nicht empfehlenswert.
    zwar wird die größe angepasst, aber leider nicht die qualität...