Schriftgröße ändern bei unterschiedlichen Haltepunkten

[markuskrautzig]

Hi Muse-Experten,

wie kann ich bei der Formatierung von Text bei unterschiedlichen Haltepunkten den Text so verändern das der Text auch bei den jeweiligen Haltepunkten unterschiedlich groß ist? Wenn ich den Text verändere wird der Text auf alle Haltepunktdarstellungen gleich geändert.

Danke für die Hilfe!

[Günter Heißenbüttel]

There is a tool, which switches from equal to different font attributes per breakpoint:

[Nancy OShea]

This simple CSS code trick allows browsers to gradually increase text sizes in larger devices.   Feel free to adjust values to suit your needs.

body {
  /** font grows 1px for every 100px of viewport width**/
  font-size: calc(16px + 1vw);
  /** leading grows along with font, with an additional 0.1em + 0.5px per 100px of the viewport**/
  line-height: calc(1.1em + 0.5vw);
}

See link below for more on the power of viewport units in  responsive web design.

Fun with Viewport Units | CSS-Tricks

[Günter Heißenbüttel]

Very interesting, Nancy, but by far not the answer to the question.

Use the toggle, I described, and be happy, Markus!