Warum verwendet Twitter Bootstrap Pixel für die Schriftgröße?

Question

Da Twitter Bootstrap reaktionsschnell/Gerät-freundlich ist, warum verwendet es keine relativen Schriftgrößen?

Answer 1

Nun, es scheint, dass sie hiding behind the browser zoom excuse sind. Es ist wirklich traurig zu sehen, dass solch ein stark genutzter und einflussreicher Rahmen die Probleme mit der Barrierefreiheit vollständig ignoriert und ein grundlegender Eckpfeiler des responsiven Designs ist. Sie sind in einer Position großer Verantwortung und scheinen leider nicht die Absicht zu haben, entsprechend zu handeln.

[Update] Also antwortete Mark Otto heute auf dem Thread, auf den ich oben verwiesen habe. Vorhersagbar gibt es keine Erwähnung der Zugänglichkeit und Verwendung des Ausdrucks ‚pixelgenaue‘:

Okay, hier ist also ein bisschen wie ein Hintergrund auf die Entscheidungen des vergangenen Jahres und Pläne für die Vorwärtsbewegung.

Pixel bieten absolute Kontrolle und konsistentes Rendering über alle Browser.

Designer denken und operieren immer noch in Pixeln.

Browser skalieren ganze Seiten in diesen Tagen, so ist es kein Problem mit Typ Skalierung oder irgendetwas.

Die Verschachtelung von Ems war in der Vergangenheit ein Problem und kann zusätzliche Berechnungen für die berechneten/beabsichtigten Pixelwerte erfordern.

Mischen Maßeinheiten ist hässlich und meine innere OCD hasst es. Die Verwendung von Einheiten auf Zeilenhöhe wird im Allgemeinen nicht empfohlen, sondern bietet sofortige Kenntnis des berechneten Werts. Wir werden wahrscheinlich versuchen, in Zukunft davon weg zu steuern. In Zukunft werden wir wahrscheinlich ems für die Typisierung verwenden, vielleicht sogar rems, aber für nichts anderes. Dies ist auch bei Schriftgrößen für Eingaben und dergleichen fraglich. Es ist einfach nicht so, wie Leute Pixel perfekte Seiten bauen.

Das ist ein bisschen überall und hoffentlich kohärent genug. Ich werde versuchen, über diese Änderungen zu bloggen, wenn sie mehr kommen, aber ich bin mir nicht sicher, wie nah 3.0 ist und was das alles noch alles beinhaltet.

Ich würde vorschlagen, jemand mit starken Gefühlen über diese gehen und +1 this thread.

[Update] Die V3-Roadmap in V2.3 release blogpost erwähnt keine Unterstützung für ems.

[Update] Viele weitere Informationen über Bootstrap V3 in dem Pull-Request here einschließlich der folgenden von Mark Otto:

Wir erkundeten die Verwendung von rem Einheiten über Pixel, fand aber wenig Nutzen die zum Ausgleich Auswirkungen ihrer Verwendung. IE8 würde immer noch ein Pixel Fallback benötigen, und das ist eine Menge von doppelten Codezeilen. Außerdem würde die Verwendung von Rems überall anstelle von Pixeln dieses Problem verschärfen. Das Mischen von Rems und Pixeln scheint auch jetzt keinen Sinn zu ergeben. Dies können und werden wir jedoch in zukünftigen Releases weiter evaluieren.

Dann jüngere Zeit (in seiner Stellungnahme):

ich sehr bezweifle, dass wir an dieser Stelle mit REMS Versand werden. Ändern alles-jenseits Schriftgrößen-ist eine große Aufgabe und eine, die kommt mit einige Vorteile, um das auszugleichen. Verdoppeln Sie die Codezeilen für Schriftgrößen beiseite, Rems auf andere Weise zu unterstützen scheint bestenfalls langweilig. Das sagte, wir können in einer zukünftigen Version immer wieder besuchen. Für jetzt sind wir mit Pixeln haften.

Nachdem mit einer großen Anzahl von Bootstrap-Funktionen unzufrieden gewachsen, nicht zuletzt von denen Mangel es ist von em-Unterstützung ist, dass ich bei Susy stark suchen vorschlagen, wenn Sie nur Grids wollen, oder Zurb Foundation 4 für die ganze Enchilada. Lassen Sie sich von der Popularität von Bootstrap nicht beirren. Jeder kann etwas mit Bootstrap bauen, was genau sein Problem ist - es ist für Leute mit minimalem Web-Erlebnis gedacht. Nur weil es viele McDonalds auf der Welt gibt, heißt das nicht, dass es ein gesunder Ort zum essen ist.

[Bearbeiten] OK. Das war eine dumme Sache zu sagen. Seit ich das geschrieben habe, habe ich BS3 benutzt und es hat sein Spiel erheblich verbessert. Ich hätte einen solchen Wegwerfkommentar nicht machen sollen, aber ich glaube immer noch, dass es eine schlechte Entscheidung getroffen hat, Pixel für die Schriftgröße zu verwenden. Neben Zugriffsproblemen sind ems auf andere Weise nützlich.

[Update] Sieht aus wie Rem wird in V4 unterstützt werden (Mdo von here zitiert):

Für diejenigen entlang folgen, wir werden in der Lage sein, von den Pixeln zu REMs in v4 zu ändern, wenn Wir lassen die IE8-Unterstützung fallen. Kann bis dahin nicht viel tun.

[Update Februar '17] Bootstrap 4 ist noch in Alpha, zeigt aber in seiner Typography docs Verwendung von Rem, aber nicht zeigen die Verwendung von Rem in seiner layout docs.

Answer 2

ich denke, es ist wegen der Desktop-Ansatz. Twitter Bootstrap reagiert freundlich, aber "graceful degradation" Ansatz.

Answer 3

Während ich Bootstrap ausgiebig benutze, gibt es ein paar Bereiche, in denen die Barrierefreiheit in den Hintergrund tritt. Ich denke, es gibt unvermeidliche Kompromisse mit einer Plattform, die so umfassend genutzt wird.

Ich verstehe ganz, warum sie entschieden haben, Pixel für die Schriftgröße beizubehalten. Die Vererbungsprobleme mit Ems für die Schriften eines Frameworks sind ein absoluter Albtraum.

Rems sind eine alternative Option, aber Browser-Unterstützung ist immer noch problematisch.

Sie könnten Ihre eigenen rems mixin erstellen und jede Zeile mit weniger ersetzen, die die Variable für die Basisschriftgröße verwendet.

Das ist die Schönheit von Bootstrap - und Frameworks wie es - es ist eine solide Basis, um zu arbeiten.

Ja, ich habe erwähnt, dass es Elemente zu twitter bootstrap gibt, die nicht so zugänglich sind - ein kleines Beispiel, die Verwendung von "display: none" anstelle von Clip. Ich bin mir ziemlich sicher, dass es einen triftigen Grund dafür gibt - und wieder können Sie das sehr einfach ändern, wenn Sie wollen.

Bootstrap ist nicht einwandfrei, aber ich bezweifle, dass es jemals die endgültige Antwort auf alle Ihre Anforderungen sein sollte.Es ist eine Basis - ein "Bootstrap" - lerne es und nutze es richtig, füge es hinzu, mische alles zusammen - zumindest ist es ein großartiger Rahmen, um mit einer schnellen Site zu prototypieren oder sie zusammen zu werfen. Gehen Sie weiter, es gibt einige wirklich solide Grundlagen, die auf jede Website angewendet werden können.

Answer 4

Lassen Sie sich von der Beliebtheit von Bootstrap nicht beirren. Jeder kann bauen etwas mit Bootstrap, das ist genau sein Problem - es ist für Menschen mit minimalen Web-Erfahrung konzipiert. Nur weil sind viele McDonalds in der Welt bedeutet nicht, es ist ein gesunder Ort zu essen.

Sie könnten argumentieren, dass Sie Ihr Urteil nicht negativ beeinflussen. Es ist ein solider Rahmen und wenn Sie sich die Mühe machen, die Zeit effektiv zu nutzen, fällt die Mehrheit Ihrer Argumentation auf den Kopf.

Während es oft von Menschen mit minimalen Erfahrung verwendet wird - und daran ist nichts verkehrt - es wird auch von Menschen mit einer Los Erfahrung verwendet.

Zumindest ist es ein unschätzbares Prototyping-Tool. Im besten Fall ist es vollständig anpassbar. Sie können wählen und ändern, hinzufügen - daher wird es ein "Framework" genannt.

Ich verwende es seit über zwei Jahren effektiv für einige meiner Projekte - es ist so schlank, wie du es willst. Ich habe nur das Formularframework, nur die Grids, die gesamte Codebasis verwendet und es an meine Bedürfnisse angepasst. In vielerlei Hinsicht hat es mein Spiel "aufgepeppt", mich weiter in die Vorverarbeitung gebracht, Variablen verwendet und die Art, wie ich Projekte strukturiere, verfeinert.

Ja, es gibt einige Probleme. px für Schriftgrößen und mit Less sind zwei. Da es sich jedoch um eine Open-Source-Lösung handelt, können Sie problemlos beide Optionen finden.

Ich untersuchte Foundation und mochte, was ich sah, aber ich bin in der unglücklichen Position, IE8 zu unterstützen, wie viele Entwickler sind. Die Foundation hat die Unterstützung für IE8 fallen gelassen, so dass es für mich ein "Nein" ist. Trotzdem, ich bin nicht im Begriff, einen gesamten Rahmen zu entlassen, am besten etwas, das ist frei zu verwenden und frei zu modifizieren basierend nur auf ein paar Probleme!

In einem Projekt hob ich Teile der Foundation und Teile von Bootstrap auf und fügte meinen eigenen benutzerdefinierten Code hinzu - das ist die Schönheit von Open Source.

Answer 5

Wenn Sie noch Bootstrap lieber mit em und rem Unterstützung, die Sie einen Blick auf diese nehmen - https://github.com/ivayloc/twbs-rem-em gibt es keine Notwendigkeit, jede Berechnung zu machen, um Pixel in rem oder em-Einheiten zu konvertieren, gibt es in @mixins dafür bauen - @include rem(property, values) - Auch Fallback auf px und für em-Konvertierung können Sie em(value) verwenden.