K
kornyclown
Guest
Hallo miteinander,
ich stehe gerade vor einem Problem mit dem ich noch keine Erfahrung hab und konnte auch noch nichts hilfreiches im Netz finden.
Ich habe meine Seite gemacht () und dort ist, für den Profi leicht zu erkennen, ein Hovereffekt eingebaut. Jetz wollte ich letztens meine Seite jemandem zeigen der gerade nur sein Handy zur Hand hatte deshalb hatten wir uns das dann auf dem Handy angesehen. Dort wurde mir dann klar, dass ein Hovereffekt auf einem Gerät mit Touchscreen nich wirklich gut kommt weil der Nutzer beim Versuch die untergeordnete UL zu erreichen ja immer auf den Button touchen muss, wodurch er dann ja direkt zu diesem Hyperlink geleitet wird. Der Nutzer hat also garkeine Chance diese Menüpunkte zu erreichen.
Vorweg sei noch gesagt dass mir responsive Design schon ein Begriff ist und ich bin auch schon dabei Mobiledevice Versionen zu erstellen alledings habe ich dort ein Problem. Diese Designs sind in Schritten unterteilt, in verschiedene Auflösungen bis hin zu meiner Desktop Version die zuständig ist für Weiten ab 1100 px aufwärts und nur hier soll der Hovereffekt stattfinden, die Versionen darunter haben ein anderes Design ohne Hovereffekt. Es gibt blöderweise auch Tablets die eine Auflösung deutlich über 1100 px Weite haben, was ja bedeutet das diese dann wieder auf die Desktop Version zugreifen und wieder den Hovereffekt haben, auf einem Touchscreendevice wo der Hovereffekt nicht geht.
Kennt jemand eine kompetente Lösung für sowas? Kann man mit seinem responsive design auch ganz speziell eine Version für Touchscreenendgeräte erstellen.
Irgendwas wie:
Ich konnte sowas leider noch nicht finden.
ich stehe gerade vor einem Problem mit dem ich noch keine Erfahrung hab und konnte auch noch nichts hilfreiches im Netz finden.
Ich habe meine Seite gemacht () und dort ist, für den Profi leicht zu erkennen, ein Hovereffekt eingebaut. Jetz wollte ich letztens meine Seite jemandem zeigen der gerade nur sein Handy zur Hand hatte deshalb hatten wir uns das dann auf dem Handy angesehen. Dort wurde mir dann klar, dass ein Hovereffekt auf einem Gerät mit Touchscreen nich wirklich gut kommt weil der Nutzer beim Versuch die untergeordnete UL zu erreichen ja immer auf den Button touchen muss, wodurch er dann ja direkt zu diesem Hyperlink geleitet wird. Der Nutzer hat also garkeine Chance diese Menüpunkte zu erreichen.
Vorweg sei noch gesagt dass mir responsive Design schon ein Begriff ist und ich bin auch schon dabei Mobiledevice Versionen zu erstellen alledings habe ich dort ein Problem. Diese Designs sind in Schritten unterteilt, in verschiedene Auflösungen bis hin zu meiner Desktop Version die zuständig ist für Weiten ab 1100 px aufwärts und nur hier soll der Hovereffekt stattfinden, die Versionen darunter haben ein anderes Design ohne Hovereffekt. Es gibt blöderweise auch Tablets die eine Auflösung deutlich über 1100 px Weite haben, was ja bedeutet das diese dann wieder auf die Desktop Version zugreifen und wieder den Hovereffekt haben, auf einem Touchscreendevice wo der Hovereffekt nicht geht.
Kennt jemand eine kompetente Lösung für sowas? Kann man mit seinem responsive design auch ganz speziell eine Version für Touchscreenendgeräte erstellen.
Irgendwas wie:
Code:
@media touchscreen {
...
...
}
Zuletzt bearbeitet von einem Moderator:
