Zoom-out de dimensionnement dans twitter bootstrap?
J'aime les tailles de tous les éléments à l'aide de twitter bootstrap quand (dans mon navigateur, je l'ai agrandie à deux reprises, ctrl, ctrl -, plutôt que la valeur par défaut, l'affichage avec les touches ctrl+0.
Zoom affecte la taille de la police, le responsive design, et une douzaine d'autres bonnes raisons que je veux utiliser bootstrap, donc je ne veux pas hackishly juste corriger une largeur et une pause de tout cela.
Ne Bootstrap ont une seule valeur CSS (ou un petit groupe d'entre eux) que je peux changer quelque part qui produit quelque chose de ce genre de zoom et de dimensionnement? Je me rends compte de réglage de zoom lui-même est plus d'un navigateur-question, donc je préfère ne pas coder en dur elle de cette façon, soit.
MODIFIER
La réponse pourrait être plus proche de ceci:
Réglage de la largeur maximale pour le corps à l'aide de Bootstrap
...qui suggère non? J'ai recompiler bootstrap?
OriginalL'auteur Mittenchops | 2012-12-05
Vous devez vous connecter pour publier un commentaire.
Avec css que vous pouvez faire:
Voir:
http://dev.w3.org/csswg/css-device-adapt/#the-lsquozoomrsquo-descriptor
et Qu'est - 'zoom' faire en CSS?
Il semble que le zoom ne peut pas (en août 2013), être pris en charge dans Firefox.
OriginalL'auteur stephenbez
La réponse à votre question est OUI, au moins pour les polices et si vous avez votre code CSS de façon appropriée. Voir la dernière partie de ma réponse pour les non-polices de caractères qui est beaucoup plus délicat.
La seule ligne de CSS qui permet de contrôler toutes les tailles de police:
De nombreux concepteurs de code css en utilisant des tailles de pixel, parce qu'ils aiment le contrôle rigoureux. Il y a cependant un problème avec ce - Internet Explorer (toutes ils jusqu'à IE9) ne permet pas le remplacement de la taille du texte lorsque les unités de pixels sont utilisés. La possibilité d'ajuster la taille du texte est essentiel pour les personnes ayant une mauvaise vision (c'est à dire quelqu'un de 40 quelque chose plus en raison de la presbytie, un grand pourcentage de la population pense que les baby-boomers).
CSS prend en charge la taille absolue des mots-clés (la taille T-shirt):
qui ont environ 1,5 facteur d'échelle entre chaque taille. Le petit mot-clé est habituellement d'environ 12 pixels, mais il y a une certaine variation entre les navigateurs.
Une fois que vous avez défini votre taille de base (c'est généralement un "petit"), alors vous pouvez utiliser des pourcentages pour définir le par rapport aux tailles de base dont vous aurez besoin tout au long de votre mise en page. Par exemple, si vous souhaitez que les éléments H1 à être un peu plus grand, alors vous serait tout simplement faire:
Donc tout élément peut être affecté d'un pourcentage, et vous pouvez la rendre plus grande ou plus petite que la base que vous avez défini pour le corps. Pas trop dur et que par votre question, la totalité du document taille de police peut être ajusté par une seule valeur CSS.
Il y a quelques autres mauvaises nouvelles et de bonnes nouvelles.
La mauvaise nouvelle est que les éléments imbriqués hériter de leur sizings de leur parent conteneurs. Donc, si nous avons mis un #conteneur d'avoir 95% de la taille de base, et puis nous avons eu un élément H1 dans le conteneur qui a été fixé à 150% - alors que le H1 serait de 150% à 95% (ce qui est de 1,5 x 0,95 = 1.425 donc 142.5% pas 150%). Cela peut être difficile lorsque vous avez beaucoup de nidification de nombreuses tailles différentes.
La bonne nouvelle, c'est que rems ('root em) sont disponibles et à l'aide de rems signifie que le texte de taille est toujours de taille moyenne relative à la base (root) de la police-taille - donc pas plus de maths requis si vous utilisez rems pour définir le dimensionnement.
Non des polices, c'est une bonne question. Je voudrais suggérer que vous avez probablement d'utiliser le pourcentage des définitions en CSS plutôt que des définitions de pixel si vous voulais des non-police des éléments de croître/redimensionner de façon appropriée.
Merci. Mais n'oubliez pas que le Bootstrap est produite à partir de MOINS.
Dans les variables.moins dans le Bootstrap de la source, la base de la taille de police est définie par \@baseFontSize - actuellement fixé à 14px. Et tous autres tailles de police sont dérivées à partir de \@baseFontSize. Je n'ai vraiment essayer un build avec \@baseFontSize petits; mais l'échec de la construction - sans doute parce qu'il ne peut pas faire des mathématiques à partir d'une valeur non numérique.
OriginalL'auteur timbo
La réponse est NON, il n'y a pas une seule façon simple de le faire dans le bootstrap réglages, même lorsque la recompilation du MOINS est sur la table.
Le nœud de la question est que le bootstrap responsive design fonctionne avec massive 1200px affiche. Ce qui fait un 1000px de l'ordinateur portable d'affichage look très zoomée.
L'édition la moins directement les fichiers, j'ai réduit et des tailles de polices, réduit le 1200 largeur et la taille de la police..
Et il ne semblait rompre la barre de navigation. Ma compréhension de l'bootstrap github est qu'il y a une bonne quantité de plus figées que le moins de variables suggèrent, et qui explique pour une grande partie du problème.
OriginalL'auteur Mittenchops