Wie kann ich erkennen, ob ein Benutzer nur mit CSS von einem iPhone oder iPad auf meine Website zugreift?

iPhone/iPad-Erkennung über CSS

Die Feststellung, ob ein Benutzer von einem iPhone oder iPad ausschließlich über CSS auf eine Website zugreift, kann wertvoll sein Designüberlegungen. Während frühere Methoden mit @media handheld möglicherweise nicht effektiv funktionieren, gibt es alternative Lösungen, um diese Erkennung zu erreichen.

CSS-Techniken zur Geräteerkennung

Zur genauen Unterscheidung zwischen iPhone, Auf dem iPad und anderen Geräten können die folgenden CSS-Medienabfragen verwendet werden:

• iPhone & iPod berühren:

  link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../iphone.css" type="text/css" /

  Nach dem Login kopieren

• iPhone 4 & iPod touch 4G:

  link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" /

  Nach dem Login kopieren

• iPad:

  link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /

  Nach dem Login kopieren

Indem Sie diese Medienabfragen in Ihre integrieren Mit dem Stylesheet können Sie gerätespezifische Stile anwenden, um das Benutzererlebnis für iPhone- und iPad-Benutzer zu verbessern.

Das obige ist der detaillierte Inhalt vonWie kann ich erkennen, ob ein Benutzer nur mit CSS von einem iPhone oder iPad auf meine Website zugreift?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!