Charger le fichier css pour ipad seulement
Im essayant de charger un fichier css pour ipad seulement. J'ai essayé ceci:
<link href="/css/ipad.css" rel="stylesheet" media="all and (max-device-width: 1024px)" type="text/css">
Il travaille pour l'iPad, mais si je baisse ma résolution de 1024 par 768 sur mon bureau et afficher le site dans firefox, l'ipad de la feuille de style des charges. J'ai donc essayé:
<link href="/css/ipad.css" rel="stylesheet" media="all and (max-device-width: 1024px) and (orientation:landscape)" type="text/css">
Mais toujours même problème. Comment puis-je m'assurer que cette feuille de style ne charge que si elles sont de l'affichage de la page sur un iPad?
Je vais avoir de la difficulté à imaginer une bonne raison pour cela.
OriginalL'auteur John | 2011-02-02
Vous devez vous connecter pour publier un commentaire.
Quelle technologie utilisez-vous? Si vous avez le contrôle sur ce que vous êtes rendu (côté serveur) à la page, vous pouvez vérifier l'-tête USER-AGENT dans la demande. S'il contient la chaîne de l'iPad, puis afficher le css de la balise, si non, ne pas l'inclure.
Si vous venez de vous livrer en html statique, cela ne fonctionnera pas.
OriginalL'auteur MattoTodd
À partir de:
http://css-tricks.com/snippets/css/ipad-specific-css/
Cela fonctionne mieux pour moi.
/* Pour iPad mises en page */
}
/* Pour le portrait mises en page */
}
/* Pour le paysage mises en page */
}
OriginalL'auteur John
Cette question pourrait aider:
Détecter iPhone/iPad purement par css
Et ce:
http://techcline.com/2010/04/cross-browser-issues-detect-ipad-users-through-user-agent-script.html
OriginalL'auteur Glycerine
En raison des nombreuses différentes tailles d'écran et résolutions je n'étais pas en mesure de seulement utiliser les media queries pour cette question.
- Je inclure http://www.modernizr.com/ dans tous mes projets, j'ai donc été en mesure d'utiliser une combinaison. Modernizr allez ajouter une classe .touch sur la touche des périphériques compatibles. Je te suggère d'essayer de les utiliser .touchez pour déterminer que ce n'est pas un PC, puis de la requête de média afin d'affiner appareil mobile, il est.
Certainement deviennent de moins en moins comme solution que de plus en plus d'appareils sont tactiles. Pas la solution nécessaire, mais il a travaillé comme duct tape un peu de temps pour moi.
OriginalL'auteur Benjamin