Wie verhindert man als Webentwickler, dass Text über die Ränder von Boxen hinausläuft, wenn die Textgröße des Browsers erhöht wird?Wie verhindern Sie, dass Text über die Ränder von Boxen hinausläuft, wenn die Textgröße des Browsers erhöht wird?
Antwort
Es gibt nicht viel mehr zu tun, um sicherzustellen, dass Ihr Layout die Höhe nicht einschränkt, so dass der Text immer noch in die Box passen kann.
Wenn Sie unbedingt die Größe beschränken müssen, können Sie die CSS-Deklaration overflow: auto
verwenden, damit die Anzeige im Scrollbalken angezeigt wird, wenn der Inhalt zu groß ist.
Stellen Sie sicher, dass alle Größen in "em" -Einheiten deklariert sind (ein "em" ist die Breite eines einzelnen Buchstabens "m", unabhängig davon, welche Schriftgröße gerade verwendet wird). Wenn Sie Ihre Größen in Pixel angeben (wie üblich), ändert sich die Größe des Designs nicht, wenn die Größe der Schriftart geändert wird.
Die meisten modernen Browser standardmäßig die ganze Seite zoomen, heutzutage nicht nur Text - so wird dieses Problem verschwinden, wie IE7 + IE6 langsam sterben.
- 1. Wie wird die Textgröße in Assembly-Grafiken erhöht?
- 2. Wie wird die Breite des Auswahlfeldpfeils erhöht?
- 3. Cache des Browsers über die Befehlszeile löschen
- 4. Auto position tooltip wenn die Breite des Browsers überschritten wird
- 5. Dropdown-Menü, wenn die Größe des Browsers geändert wird
- 6. Passen Sie die Ränder abhängig von der Fenstergröße des Browsers an.
- 7. Android Studio: Wie wird die Größe von Logcat Text erhöht?
- 8. Wie verhindere ich, dass sich meine div-Ebenen überlappen, wenn die Größe des Browsers geändert wird?
- 9. CSS: Wie erhält man die Scrollbar-Breite des Browsers? (Für: Hover {overflow: auto} schöne Ränder)
- 10. Wie wird die Tablayout-Textgröße gleichgesetzt?
- 11. Wie kann ich verhindern, dass IE6 ein Element außerhalb des übergeordneten Elements über negative Ränder schneidet?
- 12. Wie Sie verhindern, dass die Schaltfläche standardmäßig fokussiert wird
- 13. Wie kann ich die Nachrichten des Benutzers trennen und verhindern, dass sie nebeneinander gestapelt werden?
- 14. jQuery Javascript: Wie kann ich verhindern, dass die laufende Animation ausgeführt wird, wenn die Größe des Fensters geändert wird?
- 15. Wie ändere ich die Textgröße des Tortendiagrammwerts?
- 16. Verhindern, dass die Soft-Tastatur verworfen wird
- 17. verhindern, dass die Lösung vereinfacht wird
- 18. verhindern, dass die Seite angezeigt wird
- 19. Verhindern, dass Text von stream.write() in Node.js überschrieben wird
- 20. Verhindern, dass Inhalte verschmälern, wenn die Bildlaufleiste angezeigt wird
- 21. Ändern Sie die Legende Textgröße
- 22. Verschieben des Browsers zum Verankern des Standorts, ohne dass die Seite aktualisiert wird
- 23. Wie verhindern Sie, dass Firefox-Erweiterungen die Seite ändern?
- 24. Verhindern, dass Formularauthentifizierungscookie über Browser verwendet wird
- 25. Verhindern, dass die HTML-Seite zwischengespeichert wird
- 26. Verhindern, dass die Anwendung beendet wird, wenn die Konsole geschlossen wird
- 27. Wie kann man verhindern, dass der Text des Dialogtitels schrumpft, wenn der Text der positiven Schaltfläche kürzer wird?
- 28. Wie wird eine Warnmeldung angezeigt, wenn auf die Schaltfläche zum Aktualisieren des Browsers geklickt wird?
- 29. So verhindern Sie, dass Text in einer Tabellenzelle umbrochen wird
- 30. So verhindern Sie, dass die URL auskommentiert wird (C)
Firefox kann Text nur erhöhen. –