So, nun stehe ich direkt vor einem neuen Problem. Hat ein User einen Touchscreen oder nicht, nutzt er ihn, wenn er einen hat, oder nicht.
Habe meine Seite nun soweit umgebaut, dass die bei Breiten von 480 oder 320px sehr gut funktioniert und sich auch bedienen lässt. Eben stellte ich aber fest, dass da einer mit einer Breite von 800px (Höhe 12xx) drauf ist. Ich weiß in dem Fall, dass das ein Android-Gerät war, also wohl ein Smartphone oder Tablet.
Nur, nun gibt es hier schon ein Problem. Das OS weiß ich nur von Piwik, die Media-Queries reagieren aber auf Größen. Nun bräuchte ich da aber zwei Möglichkeiten. Wenn das einer mit einem normalen Desktop ist und der mit der Maus arbeitet, dann muss die Seite so bleiben wie sie ist. Ist das aber eine mit Touchbedienung und verwendet die auch, dann muss der Kalender wesentlich größer werden (Zellen von 15 auf min 35px). Das auch nicht nur bei der 800er Breite, sondern z.B. auch bei der Standardgröße 1024px oder 1280px und die gibt es ja als normale Monitorauflösungen noch sehr oft. Das Problem ist schlicht, dass eine 15px-Zelle für Finger zu klein ist, eine 35px-Zelle für die Maus aber zu groß. Gut, würde gehen, aber schaut bescheuert aus und führt zu unnötigen scrollen.
Die Frage also: Kann man irgendwie sicher erkennen, dass der User ein Touchscreen hat und das auch verwendet? Ich meine, der kann ja einen Touchscreen haben und dennoch mit der Maus arbeiten. Über die Auflösung geht es ja leider nicht. Das 800px-Beispiel oben könnte auch ein kleines Browserfenster sein und ein 320px-Display kann so alt sein, dass das gar kein Touchscreen besitzt.
Heute Nacht mal gefunden, ist ganz nett und beschreibt sehr gut das Problem. Eine Lösung gibt es da aber auch nicht wirklich.
*** Link veraltet ***