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" /

• iPhone 4 & iPod touch 4G:

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

• iPad:

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

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!