Les Requêtes De Média - Générique Des Templates Responsive

Je veux créer des génériques des templates responsive,
qui media-queries
je utiliser si je veux détecter tous les périphériques tailles?

OriginalL'auteur 4EACH | 2014-03-13

  1. 10

    Cochez cette Commune CSS Media Queries Points de Rupture

    /*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024   - desktop (default grid)
1024-768    - tablet landscape
768-480     - tablet 
480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
@media all and (min-width: 480px) and (max-width: 768px) { }
@media all and (max-width: 480px) { }
/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }
/* CSS for iPhone, iPad, and Retina Displays */
/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 
/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}
/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}
/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}
    Je suis à l'aide de la css, mais les boutons sur mon site ne sont pas dans le style. Toutes les suggestions?
    Veuillez fournir jsfiddle pour une meilleure idée.
    J'ai fait quelques recherches hier et j'ai trouvé que le asp.net bouton de ne pas obéir. Toutes les suggestions ou devrais-je aller de l'avant avec bootstrap 3? Merci beaucoup

    OriginalL'auteur Sender

  2. 2

    Je les recommande fortement à l'aide de Bootstrap. Un développement plus rapide. La documentation est très complète.
    http://getbootstrap.com/getting-started/

    Quant à votre question, vous avez cet exemple:

    /*Anything outside of media queries is for MOBILE
This is Mobile first approach.
*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

    OriginalL'auteur adearriba