comment faire une feuille de style pour les tablettes et iphone

Je pensais la cible du lien sur la feuille de style serait de faire de mon fichier css à charger uniquement lorsqu'il se charge sur une tablette ou un iphone. Mais les éléments que j'essaie de cacher sont toujours là. Je suis actuellement en utilisant (media="handheld")

  <link rel="stylesheet" type="text/css" hrf="css/media.css" media="handheld" />

OriginalL'auteur ndesign11 | 2012-08-20

  1. 8

    Il y a trop d'appareil mobile modèles d'écrire des feuilles de style, vous seriez mieux ajuster votre CSS basé sur Taille de l'Écran.

    Ceci est particulièrement utile pour cibler les Tablettes Android qui vient en différentes tailles.

    Voir ce tutoriel pour plus d'explications:

    http://css-tricks.com/resolution-specific-stylesheets/

    Donc, au lieu de cibler une spécifique les dimensions de l'écran (ce qui permettrait de garder évoluent à mesure que les appareils sont libérés), vous voulez les feuilles de style qui changent en fonction de la taille de l'écran.

    Ensuite vous pourrez ajouter plusieurs feuilles de style:

    <link rel="stylesheet" media="screen and (min-width: 480px) and (max-width: 700px)"     href="css/small.css" />
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)'     href='css/medium.css' />

    etc.

    Donc iPhones serait d'utiliser la petite.css, et les tablettes de plus de 700 pixels utilisera moyen.css.

    OriginalL'auteur Andrew G.

  2. 2

    Handheld est plus pour les appareils comme les Pda ou les téléphones que iOS ou Android. Vous êtes beaucoup mieux d'utiliser les media queries pour détecter les capacités du périphérique, puis ajuster en conséquence. Voici un exemple d'article: http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

    media="seul écran et (max-device-width: 480px)" donc, ce serait la cible des iphones, que feriez-vous si vous souhaitez cibler les comprimés?

    OriginalL'auteur Tieson T.