PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Responsive: Schriftgröße automatisch anpassen
Beitrag
<blockquote data-quote="alwin" data-source="post: 2357309" data-attributes="member: 626564"><p>Hallo miteinander,</p><p></p><p>danke für Eure Hilfe. Auch, wenn es da etwas Diskussion über das "wie" gab <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></p><p></p><p></p><p>Den Link hatte ich bereits gelesen und wollte meine Frage sogar dort drinnen stellen. Hab dann aber gedacht, dass gehört sich nicht <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></p><p></p><p></p><p>Der Satz hat ja für etwas "Unruhe" gesorgt <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /> Danke an die Verfechter der "guten Hilfe" und trotzdem Dank für den vielleicht als etwas unglücklich formuliert zu empfindenden Satz <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p></p><p>Ja, die Antworten ala "nutz die SuFu" oder "frag Google" sind als Suchender echt verflixt nervig. Da hat man endlich den Thread gefunden, der perfekt das eigene Problem beschreibt und dann steht dort statt einer Antwort so was. Häufig sind gerade diese Beiträge auch noch die ersten Treffer bei google & co.</p><p>Andererseits ist natürlich auch nachzuvollziehen, dass die Gemeinde nicht unendlich viel Lust, Zeit und Kraft hat, jedem alles vorzukauen. Eigeninitiative muß schon sein.</p><p></p><p>Ich hatte mich mit em schon etwas beschäftigt. Bin auch über so manche Seiten gesurft und hab versucht ein Bild zu bekommen. Aber so richtig klar war es mir trotzdem nicht.</p><p></p><p>Was ich bisher gefunden habe:</p><ul> <li data-xf-list-type="ul">1em = 16px = 100% => 16px ist Std. Größe bei Browsern (ohne extra CSS-Regel)<br /> </li> <li data-xf-list-type="ul">em vererbt sich vom body-Element nach unten in die anderen Elemente. Dadurch kann es (je nach dem gewollt oder ungewollt) zu Überlagerungen kommen.</li> <li data-xf-list-type="ul">wenn User im Browser Schriftgrößen extra einstellt, kann mit em das Verhältnis unterschiedlicher Schriftgrößen zu einander beibehalten werden.</li> <li data-xf-list-type="ul">1.0em = 100% gilt nur zu 99%: wenn man im Browser die Text-Größe mit SMALLEST und LARGEST einstellt, gibt es doch Größenunterschiede zwischen 1.0em und 100%. Und evtl. braucht man im html {} ein font-size: 100% für Kompatibilitäten in (alten?) IE Browsern.</li> <li data-xf-list-type="ul">em stammt als Kürzel aus alten Druckertagen. Hab aber vergessen, was genau wo und wie.</li> </ul><p>Was ich gehofft hatte, dass jemand noch einen neuen Tipp hat, wie sich die Schriftgröße dynamisch der Fenstergröße anpassen kann. Aber wenn ich eure Kommentare richtig verstehe, dann geht das nicht. Ergo: man muss, immer wenn es unleserlich bzw. unhübsch wird, die font-size mittels MediaQueries neu trimmen.</p><p></p><p>Alwin</p></blockquote><p></p>
[QUOTE="alwin, post: 2357309, member: 626564"] Hallo miteinander, danke für Eure Hilfe. Auch, wenn es da etwas Diskussion über das "wie" gab ;) Den Link hatte ich bereits gelesen und wollte meine Frage sogar dort drinnen stellen. Hab dann aber gedacht, dass gehört sich nicht ;) Der Satz hat ja für etwas "Unruhe" gesorgt ;) Danke an die Verfechter der "guten Hilfe" und trotzdem Dank für den vielleicht als etwas unglücklich formuliert zu empfindenden Satz :) Ja, die Antworten ala "nutz die SuFu" oder "frag Google" sind als Suchender echt verflixt nervig. Da hat man endlich den Thread gefunden, der perfekt das eigene Problem beschreibt und dann steht dort statt einer Antwort so was. Häufig sind gerade diese Beiträge auch noch die ersten Treffer bei google & co. Andererseits ist natürlich auch nachzuvollziehen, dass die Gemeinde nicht unendlich viel Lust, Zeit und Kraft hat, jedem alles vorzukauen. Eigeninitiative muß schon sein. Ich hatte mich mit em schon etwas beschäftigt. Bin auch über so manche Seiten gesurft und hab versucht ein Bild zu bekommen. Aber so richtig klar war es mir trotzdem nicht. Was ich bisher gefunden habe: [LIST] [*]1em = 16px = 100% => 16px ist Std. Größe bei Browsern (ohne extra CSS-Regel) [*]em vererbt sich vom body-Element nach unten in die anderen Elemente. Dadurch kann es (je nach dem gewollt oder ungewollt) zu Überlagerungen kommen. [*]wenn User im Browser Schriftgrößen extra einstellt, kann mit em das Verhältnis unterschiedlicher Schriftgrößen zu einander beibehalten werden. [*]1.0em = 100% gilt nur zu 99%: wenn man im Browser die Text-Größe mit SMALLEST und LARGEST einstellt, gibt es doch Größenunterschiede zwischen 1.0em und 100%. Und evtl. braucht man im html {} ein font-size: 100% für Kompatibilitäten in (alten?) IE Browsern. [*]em stammt als Kürzel aus alten Druckertagen. Hab aber vergessen, was genau wo und wie. [/LIST] Was ich gehofft hatte, dass jemand noch einen neuen Tipp hat, wie sich die Schriftgröße dynamisch der Fenstergröße anpassen kann. Aber wenn ich eure Kommentare richtig verstehe, dann geht das nicht. Ergo: man muss, immer wenn es unleserlich bzw. unhübsch wird, die font-size mittels MediaQueries neu trimmen. Alwin [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Responsive: Schriftgröße automatisch anpassen
Oben