Pourquoi Twitter Bootstrap utilise-t-il des pixels pour la taille de police?

Question

Etant donné que Twitter Bootstrap est conçu pour être réactif et compatible avec les appareils, pourquoi n’utilise-t-il pas une taille de police relative?

Answer 1

Ainsi, il semble qu'ils sont cachés derrière le zoom du navigateur excuse. Vraiment triste de voir une telle fortement utilisé et influents dans le cadre d'ignorer complètement les problèmes d'accessibilité et l'un des aspects fondamentaux du responsive design. Ils sont dans une position de grande responsabilité et, malheureusement, semblent n'avoir aucune intention d'agir en conséquence.

[Mise à jour] Donc, aujourd'hui, la Marque Otto a répondu sur le thread que j'ai référencé ci-dessus. Prévisible, il n'y a aucune mention de l'accessibilité et de l'utilisation de l'expression "pixel-perfect':

Ok, donc voici un peu de fond sur les décisions d'antan et des plans pour aller de l'avant.

Pixels permettent un contrôle absolu et la présentation cohérente à travers tous les le navigateur.

Les concepteurs encore surtout de penser et de fonctionner en pixels.

Les navigateurs à l'échelle des pages entières de ces jours, il n'est donc pas un problème de type mise à l'échelle ou quoi que ce soit.

La nidification de l'ems, historiquement, a été une douleur et peut nécessiter plus de maths pour la figure calculé/valeurs des pixels.

Le mélange des unités de mesure, c'est moche et mes intérieure trouble obsessionnel-compulsif déteste ça. À l'aide d'unités sur la hauteur de la ligne est généralement déconseillée, mais offre immédiate la connaissance de ce que la valeur calculée est. Nous allons probablement essayer de loin de cela dans l'avenir. Dans l'avenir, nous allons probablement utiliser ems pour le type de dimensionnement, peut-être rems même, mais pas pour autre chose. C'est également discutable sur les tailles de police de caractères pour les entrées et les comme. C'est juste pas comment les gens construire pixel perfect sites.

C'est un peu de tout et espérons-le, assez cohérent. Je vais essayer de bloguer à propos de ces changements, car ils viennent plus, mais je n'en suis pas sûr comment fermer 3.0 qui est et ce qui sera tout entraîner encore.

Je suggère à quiconque, avec de forts sentiments au sujet de cet aller et +1 de ce fil.

[Mise à jour] V3 feuille de route dessinés dans V2.3 communiqué de billet de blog ne fait aucune mention de l'ajout de support pour les ems.

[Mise à jour] Beaucoup plus d'informations à propos de Bootstrap V3 disponible dans le pull request ici, y compris la suite de Mark Otto:

Nous avons exploré l'utilisation de rem parts au cours de pixels, mais n'a trouvé que peu d'avantages pour compenser les conséquences de leur utilisation. IE8 aurait encore besoin d'un pixel de secours, et qui a beaucoup de doublons de lignes de code. En outre, à l'aide de rems partout au lieu de pixels ne ferait qu'aggraver le problème. Le mélange rems et les pixels ne semblent pas de sens maintenant. Cependant, nous pouvons et nous allons continuer à évaluer ce dans des versions futures.

Puis plus récemment (dans les commentaires):

Je doute fortement que nous allons être en expédition avec rems à ce point. Changer tout-au-delà de police-tailles-est une tâche énorme et qui vient avec quelques avantages pour compenser cela. Double les lignes de code pour les polices de côté, le soutien rems de toute autre manière semble fastidieux, au mieux. Que dit, on peut toujours revoir dans une prochaine version. Pour l'instant, nous sommes collage avec des pixels.

Ayant grandi insatisfait avec un grand nombre de Bootstrap, et non la moindre, est qu'il manque de l'em-soutien, je vous suggère fortement de regarder Susy si vous voulez juste des grilles, ou Zurb Foundation 4 pour l'ensemble des enchiladas. Ne laissez pas Bootstrap, la popularité du cloud votre jugement. N'importe qui peut construire quelque chose avec Bootstrap, ce qui est exactement son problème - il est conçu pour les personnes avec un minimum de web-expérience. Tout simplement parce que il ya beaucoup de Mcdonald's dans le monde ne signifie pas que c'est une bonne place pour manger.

[Edit] OK. C'était une chose stupide à dire. Depuis que j'ai écrit cela, j'ai utilisé BS3 et il a haussé son jeu considérablement. Je ne l'aurais pas fait une telle jetant un commentaire, mais je persiste à croire qu'il a fait une mauvaise décision dans l'utilisation de pixels pour la police des effectifs. Ainsi que les questions d'accessibilité, ems sont utiles dans d'autres façons.

[Mise à jour] Ressemble rems va être pris en charge dans la version 4 (Mdo cité ici):

Pour ceux qui suivent, nous allons être en mesure de changer de pixels REMs dans la v4 quand nous laissons tomber IE8 soutien. Ne peuvent pas faire beaucoup jusqu'alors.

Answer 2

Ne laissez pas Bootstrap, la popularité du cloud votre jugement. N'importe qui peut construire quelque chose avec Bootstrap, ce qui est exactement son problème - c'est conçu pour les personnes avec un minimum de web-expérience. Juste parce qu'il y beaucoup de Mcdonald's dans le monde ne signifie pas que c'est une bonne place pour manger.

Vous pourriez vous dire de ne pas laisser le cloud de votre jugement dans un sens négatif. C'est un cadre solide et si vous vous donnez la peine d'investir du temps dans la façon de les utiliser efficacement, la majorité de votre argument tombe sur la tête.

Alors qu'il est souvent utilisé par les personnes avec un minimum d'expérience - et il n'y a rien de mal à cela - il est également utilisé par des personnes avec beaucoup d'expérience.

Au moins, c'est un précieux outil de prototypage. Au mieux, il est entièrement personnalisable. Vous pouvez choisir, de modifier, d'ajouter à ce qui est pourquoi il est appelé un "cadre".

J'ai été en utilisant efficacement sur certains de mes projets depuis plus de deux ans - c'est aussi maigre que vous voulez qu'il soit. J'ai simplement utilisé le framework de formulaire, juste les grilles, l'ensemble de la base de code et personnalisés en fonction de mes besoins. Dans beaucoup de façons, il est "consommé" mon jeu, m'en prétraitement, à l'aide de variables, le rodage de la façon dont je structure les projets.

Oui, il y a quelques problèmes. px pour les tailles de police et en utilisant moins de deux. Cependant, parce qu'il est entièrement open source, vous pouvez trouver des options pour remédier à la fois de ceux facilement.

J'ai étudié la fondation et aimé ce que j'ai vu, mais je suis dans la position peu enviable d'avoir à soutenir ie8, comme beaucoup de développeurs sont. La fondation a supprimé le support de ie8, faisant d'elle un "no go" pour moi. Malgré cela, je ne suis pas sur pour rejeter l'intégralité d'un cadre, et plus particulièrement de quelque chose qui est gratuit à utiliser et gratuit pour modifier basée uniquement sur quelques questions!

Heck, dans un projet, j'ai levé les pièces de la Fondation et de pièces de Bootstrap et ajouté mon propre code, c'est la beauté de l'open source.

Answer 3

Si vous préférez toujours utiliser Bootstrap avec em et rem, vous pouvez jeter un coup d'œil à ceci: https://github.com/ivayloc/twbs-rem-em, il n'est pas nécessaire d'effectuer de calcul pour convertir les pixels en unités rem ou em, il y a une construction dans @mixins pour cela - @include rem(property, values) - également utiliser le format px et pour la conversion em vous pouvez utiliser em(value) .

Answer 4

Alors que j'utilise Bootstrap largement, il y a quelques zones où l'accessibilité prend le brûleur arrière. Je pense qu'il y a d'inévitables compromis avec une plate-forme qui est utilisé de façon extensive.

Je suis complètement d'obtenir pourquoi ils ont choisi de garder les pixels pour une taille de police. Les problèmes de succession à l'em pour un cadre de polices sont un cauchemar.

rems sont une autre option, mais la prise en charge du navigateur est toujours problématique.

Vous pouvez créer votre propre rems mixin et remplacer chaque ligne de moins qui utilise la police de caractères de taille variable.

C'est la beauté de bootstrap et de cadres, comme c'est une base solide pour travailler.

Oui, je l'ai mentionné il y a des éléments de twitter bootstrap qui ne sont pas accessibles en un petit exemple, l'utilisation de 'display: none' au lieu de l'utilisation de clip. Je suis sacrément sûr qu'il y a une raison valable pour cela - et encore une fois, vous pouvez très facilement modifier si vous le souhaitez.

Bootstrap n'est pas impeccable, mais ensuite, je doute qu'il n'a jamais été destiné à être la réponse définitive à toutes vos exigences. C'est une base - un 'bootstrap' - l'apprendre et de l'utiliser correctement, ajouter, mélanger le tout - à tout le moins, c'est un impressionnant cadre de prototype, ou pour jeter un rapide site. Pour aller plus loin, il y a vraiment des bases solides à l'intérieur qui peut être appliquée à tout site web.

Answer 5

Je pense que c'est à cause de la première approche de bureau. Twitter Bootstrap est une approche conviviale et réactive, mais "une dégradation progressive".