Schrift einer Zeile im iPhone viel kleiner als beim PC
gannet
- css
Hallo,
Bei einer Website, die im PC ganz passabel aussieht, ergibt sich im iPhone ein merkwürdiger Fehler:
Eine Telefonnummer wird viel kleiner dargestellt, als der übrige Text.
Vielleicht sehe ich den Wald vor Bäumen nicht, aber ich kann den Fehler nicht finden.
Hier habe ich eine vom Inhalt gestripte Seite hochgeladen. Es geht um ausschließlich die Ziffern dieser Zeile: Telefon: 0123 456789. Und ausschließlich um die Ansicht im iPhone (bei Android scheint es ok zu sein)
Jeder weiterführende Tipp ist willkommen.
Vielen Dank schon mal!
Mit freundlichen Grüßen,
gannet
Hi,
Bei einer Website, die im PC ganz passabel aussieht, ergibt sich im iPhone ein merkwürdiger Fehler:
Eine Telefonnummer wird viel kleiner dargestellt, als der übrige Text.
Automatische Telefonnummern-Erkennung vielleicht? Wird die Nummer gewählt (oder zum Wählen angeboten), wenn man drauftippt oder drüberwischt oder was man auch immer bei der Bedienung eines Smartphones macht (ich hab keins ...)?
cu,
Andreas
Hallo,
Automatische Telefonnummern-Erkennung vielleicht? Wird die Nummer gewählt (oder zum Wählen angeboten), wenn man drauftippt oder drüberwischt oder was man auch immer bei der Bedienung eines Smartphones macht (ich hab keins ...)?
genau das passiert hier.
Entweder <meta name="format-detection" content="telephone=no">
im head
oder die Telefonnummer als Link <a href="tel:0123456789">0123 456789</a>
angeben und diesen dann per CSS formatieren.
vg ichbinich
Hallo,
Automatische Telefonnummern-Erkennung vielleicht? Wird die Nummer gewählt (oder zum Wählen angeboten), wenn man drauftippt oder drüberwischt oder was man auch immer bei der Bedienung eines Smartphones macht (ich hab keins ...)?
genau das passiert hier.
Entweder
<meta name="format-detection" content="telephone=no">
imhead
oder die Telefonnummer als Link<a href="tel:0123456789">0123 456789</a>
angeben und diesen dann per CSS formatieren.vg ichbinich
Vielen Dank für die Antworten!
Das iPhone macht alle Tel.Nr anklickbar, auch ohne Link. Aber ich habe den Rat befolgt und Link, sowie Formatierung auf 1em eingefügt. Ohne Ergebnis: Link 2
Es wäre mir lieber, wenn die TelNr etwas grösser, wie im Android dargestellt würde, statt so klein.
Ist an css: #tellink: font-size:1em; etwas falsch?
Es ist mir ein Rätsel.
VG, gannet
Hallo,
Ist an css: #tellink: font-size:1em; etwas falsch?
Ja, es ist falsche CSS-Syntax...
vg ichbinich
Hallo,
Ist an css: #tellink: font-size:1em; etwas falsch?
Ja, es ist falsche CSS-Syntax...vg ichbinich
Liebe Güte, natürlich.
Danke!
Jetzt kann ich ja noch an der Größe feilen...
VG,
gannet
Hier habe ich eine vom Inhalt gestripte Seite hochgeladen. Es geht um ausschließlich die Ziffern dieser Zeile: Telefon: 0123 456789. Und ausschließlich um die Ansicht im iPhone (bei Android scheint es ok zu sein)
Bei Android ist es ok :) da kommt es mir fast so vor, dass die Nummer etwas größer ist.
Hier habe ich eine vom Inhalt gestripte Seite hochgeladen. Es geht um ausschließlich die Ziffern dieser Zeile: Telefon: 0123 456789. Und ausschließlich um die Ansicht im iPhone (bei Android scheint es ok zu sein)
Bei Android ist es ok :) da kommt es mir fast so vor, dass die Nummer etwas größer ist.
Vielen Dank für die Antwort und für den Screenshot - zu gross wäre mir lieber als so klein wie es auf dem iPhone dargestellt wird!
VG, gannet