Halli hallo ihr Lieben,
ich habe eine kleine Website bei der ich ein paar Fotos ausstelle.
Was Browser angeht sieht das in jedem gut aus, nur die Funktionalität macht mir bei Touch-Geräten Probleme.
- Ich habe zum einen eine kleine Slideshow auf der Startseite die sich auch mit dem Finger sliden lässt, aber dabei wird AUCH zur Seite gescrollt.
- Der Menüpunkt "Portfolio" ist ein Dummy der bei Mousehover 3 Menüpunkte zeigt. Bei android öffnet sich das Menü per tap, bei iOS passiert manchmal nichts, mal geht es(aber schließt sich nicht wenn man woanders hin drückt wie bei android).
- Mobile Browser zeigen links und rechts der Seite immer ein Stück des Hintergrunds der so nur unnötig viel Platz wegnimmt. Ich würde das gerne auf mobilen Browsern ohne diesen Rand darstellen.
// Fix dafür gefunden, aber jetzt zoomt der Browser standardmäßig auf eine 100% Ansicht - das ist zu viel :-/
Lösung war: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.5, user-scalable=yes" />
Das Problemkind:
http://www.co0n.de/
Ich bitte um Hilfe obige Probleme zu lösen :-/
Mit freundlichen Grüßen,
Co0n