zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 1em: Schriftgröße auf Mobilgeräten ist viel zu klein

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.11.2018, 10:26
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard 1em: Schriftgröße auf Mobilgeräten ist viel zu klein

Moin.


Die Browser von Mobilgeräten (testen kann ich hier ein iPhone 8+ mit
iOS12) interpretieren die Schriftgröße 1em offenbar merkwürdig.

Erwartet hätte ich, dass die Schriftgröße des User-Interfaces des
Betriebssystem bzw. der im Browser eingestellten Schriftgröße (solche
Optionen gibt es wohl in Safari für iOS gar nicht) verwendet wird.

Aber die Schrift wird viel kleiner dargestellt.

Weiß jemand, welche Sonderlocken man für OS von Mobilgeräten im CSS
veranstalten muss, damit sie eine vernünftige Schriftgröße zeigen?

Erstaunlicherweise zeigt der sog. Lesemodus in Safari (Button links
oben in der URL-Leiste) für iOS die Schriftgröße genau so an wie
erwartet: so groß wie sonst die Schrift im User-Interface.


Danke.
__________________

Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.11.2018, 10:54
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Für ios gibt es wohl wirklich nur die Möglichkeit eine globale Schriftgröße einzustellen.
https://support.apple.com/de-at/HT202828

1em bezieht sich aber nicht auf die globale Schriftgröße sondern nur auf das Elternelement (die Elternelemente). Ist dort irgendwo eine kleinere Schriftgröße eingestellt?

Habe auch noch folgendes gefunden, viellelicht bringt das etwas:
Code:
body {
  -webkit-text-size-adjust: 250%; //hier kann man wohl einstellen wie Text skaliert werden soll.. In dem Fall 250%?
}
Kann das hier leider nicht testen, aber vielleicht hilft es ja trotzdem.

Geändert von cloned (16.11.2018 um 10:56 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.11.2018, 11:50
Benutzerbild von AndreasB
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard

Ich habe die Lösung gefunden:


<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Fehler in der Schriftgrößeninterpretation in Mobilgeräten beheben -->


Zu Deiner Frage:
Nein, es war nirgends eine andere Schriftgröße eingestellt.


Man kann zum Testen ein beliebiges Element ganz ohne CSS nehmen. Die Schrift wird viel kleiner dargestellt als die Schrift im User-Interface des OS.
__________________

Mit Zitat antworten
  #4 (permalink)  
Alt 16.11.2018, 13:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Code:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Dieser Tag sollte heutzutage sowieso standardmäßig auf jeder modernen Website eingebunden werden
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verschiebungen bei größerem Bildschirm seelefant CSS 4 28.07.2014 16:43
schriftgröße mit em im ff zu klein - mit px im safari schlecht irmen CSS 3 17.10.2012 20:07
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße Spencer Javascript & Ajax 3 19.09.2012 00:16
Schriftgröße in verschiedenen Browsern kadees CSS 6 16.11.2006 13:25
Problem mit Fieldset! ONeill CSS 6 24.03.2006 13:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:04 Uhr.