JavaScript

  • scroll Event wird bei Mobilen Plattformen erst nach Beendigung des Scrolls ausgelöst und nicht permanent wie bei Desktop-Browsern. Es kann stattdessen touchmove verwendet werden.
  • touchmove Event löst auf iOS während der ganzen Fingerbewegung fortwärend aus. Auf Android wird der Event erst nach dem Aufheben des Fingerkontakts ausgelösst.
  • Bei schwungvollen Bewegungen, bei denen der Finger anschliessend vom Display angehoben wird, wird der touchmove Event nicht mehr ausgelösst, sobald der Finger die Oberfläche verlässt. So kann eine eventlose Zeitspanne zwischen touchmove/touchend und scroll entsehen.
  • Neben touchmove stehe auch noch die Events touchstart und touchend zur Verfügung.

 

CSS

  • background-size: cover verhält sich auf Mobilen Geräten massiv anders als bei Desktop Browsern:
    • iOS: Die Bildgrösse (bei Anwendung auf body) bezieht sich auf die gesamte Seitengrösse und nicht nur auf den Viewport wie am Desktop.
    • Android: Wie am Desktop richtet sich die Bildgrösse (bei Andwendung auf body) nach dem Viewport. background-position: fixed wird in diesem zusammenhang ignoriert. Entsprechend fliesst der Inhalt aus dem body heraus.
  • <input>: Schriftgrösse für Mobile min. 16px
    • Wird die Schriftgrösse für Input-Felder kleiner als 16px definiert, wird die Seite bei der Texteingabe vergrössert.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.