Mobile

Schriftskalierung bei Safari (iOS) im Querformat

Mit -webkit-text-size-adjust:none  wird verhindert, dass die Schrift beim drehen von Hoch- auf Querformat (landscape) skaliert. Diese Angabe muss Global im html Tag angeben werden. 

html{
-webkit-text-size-adjust: none;
}

overflow iOS5

Damit der overflow auf dem iPad und dem iPhone funktionieren braucht es eine zusatzzeile Code. Funktioniert erst ab iOS5.

 -webkit-overflow-scrolling: touch;

Graue Highlight-Farbe bei Tap-Links / Mobile Safari entfernen

Wird der Alpha-Wert auf gesetzt, wird das Element beim antippen unsichtbar.

a { -webkit-tap-highlight-color:transparent;} /* iOS */
a { -webkit-tap-highlight-color:rgba(0,0,0,0);} /* iOS, Android */
a { -webkit-tap-highlight-color:rgba(0,0,0,0.6);} /* 60% black */
a { -webkit-tap-highlight-color: #ff6677 }

Telefon Link

Modernen PDAs sind auch Mobiltelefone. Wie beim mailto: Link, der das E-Mail Programm öffnet, kann der tel: Link die Phone-App öffnen.

<a href="tel:+41722002002">+41722002002</a> 

+41722002002 diese Telefonnummer-Link funktioniert nur auf einem Mobiltelefon.