tag:forum.selfhtml.org,2005:/self Skalierung und Textumbruch – SELFHTML-Forum 2019-04-16T12:01:08Z https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746683#m1746683 TS ts-self@online.de https://bitworks.de 2019-04-12T17:45:36Z 2019-04-12T17:46:24Z Skalierung und Textumbruch <p>Hello Wissende,</p> <p>ich brauch mal einen Tipp, wie ich es anstellen muss, damit ein Text beim Zoomen (in einem Tablet-Viewport) nicht den Viewport verlässt, sondern immer passend umgebrochen wird?</p> <p>Das soll ohne JS erreicht werden. Geht das nur mit html und css?</p> <p>Der Text soll also nur dann umgebrochen werden, wenn man nach dem Zoomen sonst seitlich scrollen müsste, um ihn vollständig lesen zu können. Wenn er von vorneherein schmaler ist, soll das auch so bleiben</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746684#m1746684 JürgenB https://www.j-berkemeier.de 2019-04-12T19:16:38Z 2019-04-12T19:19:07Z Skalierung und Textumbruch <p>Hallo Tom,</p> <p>warum ohne Javascript?</p> <p>Ich hätte nur eine Idee, wie es mit JS gehen könnte. Aber vielleicht kommt ja noch jemand mit einer JS-freien Idee.</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746701#m1746701 ursus contionabundo 2019-04-13T11:34:10Z 2019-04-13T11:37:41Z Nur scheinbar dumme Antwort von ... <blockquote> <p>ich brauch mal einen Tipp, wie ich es anstellen muss, damit ein Text beim Zoomen (in einem Tablet-Viewport) nicht den Viewport verlässt, sondern immer passend umgebrochen wird?</p> </blockquote> <blockquote> <p>Das soll ohne JS erreicht werden. Geht das nur mit html und css?</p> </blockquote> <p>Klar! Einfach auf Browsermenü (oft "Drei Punkte senkrecht übereinander"), dann reload (oft "Kreis mit Pfeil") tippen.</p> <p>Das gefällt Dir nicht? Dann +Javascript.</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746712#m1746712 pl 2019-04-13T14:57:43Z 2019-04-13T15:13:31Z Skalierung und Textumbruch <blockquote> <p>Hello Wissende,</p> <p>ich brauch mal einen Tipp, wie ich es anstellen muss, damit ein Text beim Zoomen (in einem Tablet-Viewport) nicht den Viewport verlässt, sondern immer passend umgebrochen wird?</p> </blockquote> <p>Wird er das nicht? Zeig mal bitte eine problematische Seite.</p> <blockquote> <p>Das soll ohne JS erreicht werden. Geht das nur mit html und css?</p> </blockquote> <p>Das geht sogar ohne css. MFG</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746871#m1746871 Martl 2019-04-16T10:53:36Z 2019-04-16T10:53:36Z Skalierung und Textumbruch <p>Hallo Tom,</p> <p>was spricht gegen <code>hyphens</code> oder <code>word-break</code>?</p> <p>Grüße, Martl</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746715#m1746715 JürgenB https://www.j-berkemeier.de 2019-04-13T16:23:04Z 2019-04-13T16:23:04Z Nur scheinbar dumme Antwort von ... <p>Hallo,</p> <p>kann es sein, das du Strg+ mit dem Zweifingerzoom verwechselst?</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746745#m1746745 ursus contionabundo 2019-04-14T09:04:28Z 2019-04-14T09:06:15Z Nur scheinbar dumme Antwort von ... <blockquote> <blockquote> <blockquote> <p>in einem Tablet-Viewport kann es sein, das du Strg+ mit dem Zweifingerzoom verwechselst?</p> </blockquote> </blockquote> </blockquote> <p>Ich schrieb bewusst:</p> <blockquote> <blockquote> <p>Klar! Einfach auf Browsermenü (oft "Drei Punkte senkrecht übereinander"), dann reload (oft "Kreis mit Pfeil") tippen.</p> </blockquote> </blockquote> <p>Also: <em><strong>"tippen"</strong></em> - indes nicht: <em><strong>"klicken"</strong></em>.</p> <p>Wie gibst Du denn auf einem Tablet <code>CTRL</code>+<code>+</code> ein? Etwa mit einer Blauzahn-Tastatur?</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746765#m1746765 JürgenB https://www.j-berkemeier.de 2019-04-14T15:04:30Z 2019-04-14T15:04:30Z Nur scheinbar dumme Antwort von ... <p>Hallo,</p> <p>OK, dann musst du mir helfen. Ich finde bei meinem IPhone-Safari weder das Browsermenü noch die Stelle, wo ich die Schriftgröße einstellen kann.</p> <p>Ich habe diese Einstellungen aber auch noch nicht vermisst, da ich ja mit der Zweifinger-Geste zoome.</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746770#m1746770 ursus contionabundo 2019-04-14T17:15:40Z 2019-04-14T17:16:28Z Nur scheinbar dumme Antwort von ... <blockquote> <p>Ich finde bei meinem IPhone-Safari weder das Browsermenü</p> </blockquote> <p>Tja.</p> <blockquote> <p>noch die Stelle, wo ich die Schriftgröße einstellen kann.</p> </blockquote> <p>Ich bin wohl vergesslich. Wo habe ich bitte geschrieben, dass Du im Browsermenü die Schriftgröße einstellen sollst?</p> <blockquote> <p>da ich ja mit der Zweifinger-Geste zoome.</p> </blockquote> <ol> <li> <p>Du willst also "zoomen". Es wird etwas vergrößert dargestellt. Durch Wischen bzw. Scrollen kannst Du danach auswählen, welcher Bereich der Seite im Viewport dargestellt wird.</p> </li> <li> <p>Das Ausführen der "Zweifinger-Geste" ist ein <strong>Ereignis</strong>. <strong>Pures HTML und CSS kennen keine Ereignisse</strong>. Du brauchst also für <a href="https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746683#m1746683" rel="noopener noreferrer">Dein Ansinnen, auf das Zoomen mit einer Änderung der Schriftgröße (und Zurücksetzen des Zoomes) sowie einen Repaint zu regieren</a>, Javascript.</p> </li> </ol> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746773#m1746773 JürgenB https://www.j-berkemeier.de 2019-04-14T17:46:55Z 2019-04-14T17:46:55Z Nur scheinbar dumme Antwort von ... <p>Hallo,</p> <p>OK, dann zurück zum Start.</p> <p>Wie schafft man es, so zu zoomen, daß die Schrift größer wird, aber die Seite nicht größer als der Viewport wird?</p> <p>Vielleicht kann Tom sich ja noch mal äußern, was er will. Nicht das wir ein Problem diskutieren, das nur aus meinem Missverständnis resultiert.</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746776#m1746776 TS ts-self@online.de https://bitworks.de 2019-04-14T19:24:37Z 2019-04-14T19:24:37Z Nur scheinbar dumme Antwort von ... <p>Hello,</p> <blockquote> <p>OK, dann zurück zum Start.</p> <p>Wie schafft man es, so zu zoomen, daß die Schrift größer wird, aber die Seite nicht größer als der Viewport wird?</p> </blockquote> <p>Fast richtig: Schriftbereich nicht <em>breiter</em> als der Viewport.</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746778#m1746778 JürgenB https://www.j-berkemeier.de 2019-04-14T19:28:20Z 2019-04-14T19:28:20Z Nur scheinbar dumme Antwort von ... <p>Hallo Tom,</p> <blockquote> <p>Fast richtig: Schriftbereich nicht <em>breiter</em> als der Viewport.</p> </blockquote> <p>und warum ist Javascript keine Option?</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746797#m1746797 TS ts-self@online.de https://bitworks.de 2019-04-15T10:54:29Z 2019-04-15T10:54:29Z Nur scheinbar dumme Antwort von ... <p>Hello Jürgen,</p> <blockquote> <blockquote> <p>Fast richtig: Schriftbereich nicht <em>breiter</em> als der Viewport.</p> </blockquote> <p>und warum ist Javascript keine Option?</p> </blockquote> <p>Wenn ich so täglich mein Tablet benutze, dann ist das manchmal sekundenlang bis hin zu Minuten "eingefroren", weil es noch an der Abarbeitung eines komplexen und verschachtelten JS knabbert, dass sich aber leider selber killt, weil es auf AJAX-Antworten aus dem Netz wartet, deren Ausbleiben aber ("versehentlich") nicht abgefangen wurden. Das Teil steht also!</p> <p>Um gar nicht erst in den Verdacht zu geraten, ähnlich beschissene Webangebote zu gestalten, suche ich immer erst nach der sparsamsten Lösung. JS sollte immer nur für echte Dialogkomponenten benutzt werden und nicht für die Überwachung des Users (wann drückt er welche Taste?).</p> <p>Ich bin auch der Meinung, dass ich schon mal eine passende Lösung mit HTML und CSS in den FIngern hatte. Ich finde sie nur nicht wieder. Darum frage ich hier die Erinnerungsprofis :-)</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746800#m1746800 JürgenB https://www.j-berkemeier.de 2019-04-15T11:23:21Z 2019-04-15T11:23:21Z Nur scheinbar dumme Antwort von ... <p>Hallo Tom,</p> <p>nur weil Javascript für allen möglichen Unfug gebraucht werden kann, muss man es nicht verteufeln. Viele sinnvolle Dinge lassen sich nur mit JS erreichen, z.B. barrierefreie Menüs.</p> <p>Wenn du auf per Ajax nachgeladene Inhalte "ewig" warten musst, kann das an schlechtem JS liegen, aber auch an einer schlechten Netzanbindung. Bei letzterem würdest auf reines html genauso lange warten wie auf Ajax-Response.</p> <p>Zu deinem Problem: Ein Button, der auf Klick die Schrift vergrößert, benötigt nur etwa 1 kb zusätzlich und friert den Browser auch nicht ein. Diese A+ / A- Button hast du bestimmt schon gesehen.</p> <p>Wenn man die Schriftgröße mit Touch- und Pointer-Events verändern möchte, braucht man schon etwas mehr Javascript. Und dann kann man auch einiges falsch machen, wenn man die Events abfängt und die Seite dann per Wisch-Geste nicht mehr gescrollt werden kann.</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2019/apr/12/skalierung-und-textumbruch/1746879#m1746879 TS ts-self@online.de https://bitworks.de 2019-04-16T12:01:08Z 2019-04-16T12:01:08Z Skalierung und Textumbruch <p>Hello,</p> <blockquote> <p>was spricht gegen <code>hyphens</code> oder <code>word-break</code>?</p> </blockquote> <p>Dass die Umbruchgrenze nach dem Zoomen außerhalb des Viewports liegt?</p> <p>Um eben diese rechte (für europäische Ausrichtung) Umbruchgrenze geht es hier. Die soll nicht über den rechten Rand wandern dürfen.</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn.<br> </div>