Hallo Html Forum,
um z.B. mobile Endgeräte wie das iPad von Desktoprechner mit geringer Auflösung in der CSS-Datei zu ermitteln, habe ich folgenden Code verwendet:
Klappt wunderbar auf dem iPad (1-4). Aber wie gesagt, auf dem iPad.
Um mobile Endgeräte von Desktoprechnern mit ähnlichen Auflösungen zu unterscheiden und entsprechende CSS-Anweisungen für diese zu liefern, brauche ich doch nur den Befehl
"max-device-width" anstatt von "max-width" in den Media-Queries zu schreiben oder?
Ich möchte Tablets/Smartphones von Desktoprechner trennen, weil ich einen Parallax-Effekt verwende, der aber auf mobilen Geräten keinen großen Sinn ergibt.
Vielen Dank für eure Ratschläge schon mal.
um z.B. mobile Endgeräte wie das iPad von Desktoprechner mit geringer Auflösung in der CSS-Datei zu ermitteln, habe ich folgenden Code verwendet:
Code:
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}
Klappt wunderbar auf dem iPad (1-4). Aber wie gesagt, auf dem iPad.
Um mobile Endgeräte von Desktoprechnern mit ähnlichen Auflösungen zu unterscheiden und entsprechende CSS-Anweisungen für diese zu liefern, brauche ich doch nur den Befehl
"max-device-width" anstatt von "max-width" in den Media-Queries zu schreiben oder?
Ich möchte Tablets/Smartphones von Desktoprechner trennen, weil ich einen Parallax-Effekt verwende, der aber auf mobilen Geräten keinen großen Sinn ergibt.
Vielen Dank für eure Ratschläge schon mal.