Highlighted

Schriftgröße ändern bei unterschiedlichen Haltepunkten

New Here ,
Mar 25, 2019

Copy link to clipboard

Copied

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!

Views

192

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Schriftgröße ändern bei unterschiedlichen Haltepunkten

New Here ,
Mar 25, 2019

Copy link to clipboard

Copied

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!

Views

193

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Mar 25, 2019 0
LEGEND ,
Mar 25, 2019

Copy link to clipboard

Copied

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

643957B5-F1DA-4E86-AB16-469E2A49FE5C.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 25, 2019 1
Adobe Community Professional ,
Mar 25, 2019

Copy link to clipboard

Copied

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

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 25, 2019 0
LEGEND ,
Mar 25, 2019

Copy link to clipboard

Copied

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

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 25, 2019 0