1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Schriftgröße dem Fenster anpassen

Dieses Thema im Forum "Design" wurde erstellt von groovesurfer, 3. Dezember 2019.

  1. groovesurfer

    groovesurfer Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    66
    Zustimmungen:
    2
    Hallo,

    ich habe eine h1 Überschrift auf einem Bild in einem bestimmten Bereich angeordnet.
    Wenn ich nun das Browserfenster verkleinere wird ja alles kleiner, jedoch bleibt die Schrift immer gleich groß.
    Bei starker Verkleinerung passt die Schrift nicht mehr in den dafür vorgesehenen Bereich.
    Kann man einstellen, dass die Schriftgröße sich daran anpasst?
     
  2. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    hy,

    da gibt es viele möglichkeiten zb. gebe deinen H1 tag noch eine class mit und arbeite dann mit Media Queries.

    Da du auch nicht erzählst wie du was gemacht hast (welcher editor und co oder theme) oder link zum problem.
    Musst du dir selber weiterhelfen.

    link https://www.w3schools.com/howto/howto_css_responsive_text.asp
    scrolle runter bis Variable Font Size
     
    danielgoehr gefällt das.
  3. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    Gib deine Schriftgröße einfach in vw an. Dann skaliert die Schriftgröße stufenlos mit der Fensterbreite.

    https://css-tricks.com/viewport-sized-typography/

    Edit: Ach ich sehe gerade, Henk1060 hatte den gleichen Vorschlag. Man sollte auch genau lesen :)
     
    Henk1060 gefällt das.
  4. groovesurfer

    groovesurfer Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    66
    Zustimmungen:
    2
    Cool, hat funktionert.
    Vielen Dank :)
     
  5. groovesurfer

    groovesurfer Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    66
    Zustimmungen:
    2
    Was mir nun aufegallen ist, auf dem Smartphone ist die h1 nun serh winzig. Nutze als Theme Avada. Habe die h1 Größe in vw in den Theme Einstallungen - Überschriften Typografie eingegeben. Habe dort jedoch nichts bezüglich h1 für mobile gefunden.
     
  6. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    Dazu schau dir mal die von @Henk1060 erwähnten Media Queries an.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden