Twitter Bootstrap tablette dimension 1024 pas 979 sur la mise en page responsive

Je ne comprends pas pourquoi Twitter Bootstrap est en considérant la taille de la tablette à partir de 768 à 979, et non pas à partir de 768 1024 (iPad). Le problème est que si un client demande à un design personnalisé pour tablette, que les tablettes ne seront pas visibles sur l'iPad en mode paysage.

Aussi si j'ai un contenu avec barre latérale (span9 + span3), si la barre latérale est "caché-tablette", le contenu ne se développe pas, en fait, il aura la même taille et je dois remplacer amorce span dimmensions pour réaliser la mise en page souhaitée.

Je fais quelque chose de mal?

OriginalL'auteur Tudor Ravoiu | 2013-01-24

  1. 3

    1) je pense que l'idée ici est que, en général, si quelqu'un demande une page qui n'est plus de 980px de ses plus probable que ses depuis un ordinateur de bureau que c'est à partir d'un ipad. Aussi, vous pourriez juste faire votre page d'ipad ET web convivial pour ceux largeurs :).

    Si vous devez avoir une conception différente du paysage de l'ipad et le web, une option serait de faire écrire un tas de css personnalisé pour quand l'écran est entre 980 et 1024px. 

    @media (min-width 980px) and (max-width: 1024px) {
  //my custom css for ipad landscape
}

    2) Vous êtes en train de faire. Tous les .hidden-tablet n'est définie display: none;

    @media (min-width: 768px) and (max-width: 979px) {
  //... some other code

  .hidden-tablet {
    display: none !important;
  }
}

    Il ne fait pas autre type de redimensionnement, donc c'est à vous de le faire avec les media queries.

    Ok mais si j'utilise la requête de média entre 980 et 1024 pixels et de faire quelques personnalisé de style css pour l'ipad sur le paysage, j'aurai qu'à refaire pour les résolutions entre 768 et 980 pixels, après le bootstrap recalcule les travées. Ainsi, par exemple: span9 sera 870px sur le bureau tailles (> 979px) et 700 sur la version ipad (768 -> 979).
    comme vos styles et des moyens de la requête plages de ne pas correspondre exactement à l'prédéfinis media query plages de bootstrap utilise. Si vous voulez un peu de style à utiliser pour tous les ipad plages, il suffit de faire une requête de média comme @media (min-width: 768px) and (max-width: 1024px) {}. Dans d'autres projets, j'ai eu à faire des choses comme ça. Même quelque chose d'aléatoire comme @media (max-width: 659px)

    OriginalL'auteur hajpoj