Existe-t-il un moyen de créer des règles CSS de bureau uniquement?

J'ai trouvé mon Droid a une largeur de 800 pixels, ce qui je pense à une résolution inférieure ordinateurs sont plus petits, mais je veux que mon Droid pour afficher le mobile CSS, donc je ne suis pas sûr de max de l'appareil largeur est la meilleure solution. Si quelqu'un sait comment je voudrais conception de mon lien CSS des balises afin que le mobile CSS est utilisé uniquement par les smartphones, et le bureau CSS est utilisé uniquement par les ordinateurs de bureau (y compris le genre avec une largeur en vertu de 800px)?

source d'informationauteur brony4lyfcuzponiesrule

  1. 26

    Responsive Web Design, à l'aide de media-queries

    @media screen and (min-width: 800px) {
    //this css will only be used when the screen size is min 800px
}
  2. 3

    L'écart entre les appareils mobiles et de bureau est de plus en plus proches -prenons, par exemple, les tablettes ou les récemment de nouveaux appareils hybrides.

    Comme Aaron points, vous pouvez définir des règles différentes en fonction du périphérique de l'écran (min-width et max-width). Par exemple:

    @media screen and (min-width: 800px) {
    //this css will only be used when the screen size is min 800px
}

    Un des critères différents, vous pourriez vouloir utiliser est le ciblage des dispositifs basés sur les capacités d'écran:

  3. 0

    J'ai essayé les solutions ci-dessus, mais ils ne travaillent pas pour l'iPad en mode paysage. L'iPad Paysage est de 1024 px.
    Donc ma solution a été:

    @media only screen and (min-width: 1025px) {
        .myClass {
            /*...your desktop-only style...*/
        }
    }
  4. -2

    Mettre le CSS dans une page PHP qui détecte le navigateur/appareil à partir des variables d'environnement et sert la bonne version de la CSS.