1. ホーム
  2. twitter-bootstrap

[解決済み] なぜTwitter Bootstrapはフォントサイズにピクセルを使用するのですか?

2022-12-20 18:22:57

質問

Twitter Bootstrapはレスポンシブ/デバイスフレンドリーに設計されていますが、なぜ相対フォントサイズを使用しないのですか?

どのように解決するのですか?

どうやら彼らは はブラウザのズームの言い訳の後ろに隠れています。 . このように多用され、影響力のあるフレームワークが、アクセシビリティの問題やレスポンシブデザインの基本的な基礎を完全に無視するのを見るのは本当に悲しいことです。彼らは大きな責任を負うべき立場にあり、残念ながらそれに従って行動するつもりはないようです。

[更新] 今日、Mark Otto は、私が上記で言及したスレッドに返信しました。予想通り、アクセシビリティについては言及されておらず、「ピクセル パーフェクト」というフレーズが使用されています。

さて、ここで、過去の決定に関する背景と、今後の計画について少し説明します。 そして、前進するための計画です。

ピクセルは、あらゆるブラウザで絶対的な制御と一貫したレンダリングを提供します。

ピクセルによって、絶対的な制御と、どのブラウザでも一貫したレンダリングを実現できます。

デザイナーは今でもほとんどピクセルで考え、操作しています。

ブラウザは 最近のブラウザはページ全体を拡大縮小するので、文字の拡大縮小などの問題ではありません。 スケーリングの問題ではありません。

ems を入れ子にすることは歴史的に苦痛であり、計算された/意図されたピクセル値の図のために余分な数学が必要になることがあります。

測定の単位を混在させることは醜く、私の内なる OCD はそれを嫌います。 ラインハイトに単位を使用することは一般に推奨されませんが、計算された値が何であるかをすぐに知ることができます。 計算された値が何であるかを即座に知ることができます。私たちはおそらく、将来的にこれを避けるようにするでしょう。 将来的には、この方法から離れるようにするでしょう。 将来的には、活字のサイズ変更にはemsを、おそらくremsも使うことになるでしょうが、それ以外には使いません。これは、入力などのフォントサイズについても言えることです。これは、人々がピクセル パーフェクトなサイトを構築する方法ではないだけです。

以上、長々と書きましたが、十分に首尾一貫していることを望みます。しかし、3.0 がどのくらい近づいているのか、また、3.0 が何を含んでいるのか、まだわかりません。

このことについて強い感情を抱いている人は、+1することをお勧めします。 このスレッド .

[更新] V3 のロードマップは以下の通りです。 V2.3リリースブログポスト には、ems のサポートを追加することについての言及はありません。

[更新] Bootstrap V3に関する多くの情報がプルリクエストにあります。 ここで にあります。

<ブロッククオート

私たちはピクセルよりもレム単位の使用を検討しましたが、レム単位の使用による影響を相殺するような利点はほとんど見つかりませんでした。 を発見しました。IE8 では、依然としてピクセルの フォールバックが必要で、これは多くの重複したコード行になります。さらに、ピクセルの代わりに さらに、ピクセルの代わりにremsを使うことは、この問題をさらに悪化させるでしょう。 レムとピクセルを混在させることは、今のところ意味がないように思われます。 しかし、将来のリリースでこれを評価し続けることができますし、そうするつもりです。

ブロッククオート

それからもっと最近 (そのコメントで)。

<ブロッククオート

この時点で、私たちがレムで出荷することはないだろうと強く思います。フォント サイズを超える フォント サイズを超えるすべてを変更することは、非常に大きな作業であり、それを相殺するような利点はほとんどありません。 それを相殺するような利点はほとんどありません。フォントサイズのための2倍のコード行数 は別として、それ以外の方法でremsをサポートするのは、せいぜい退屈にしか思えません。とはいえ とはいえ、将来のリリースでいつでも再検討することができます。今のところ、私たちは ピクセルにこだわっています。

Bootstrap の多くの機能に不満があり、特に em をサポートしていないことに不満があるため、次のサイトを見ることを強くお勧めします。 スージー を、グリッドが欲しいだけなら Zurb ファンデーション 4 をご利用ください。Bootstrapの人気に惑わされないでください。Bootstrap を使えば誰でも何かを作ることができますが、それこそが問題なのです。 Bootstrapは、Webの経験がほとんどない人たちのために設計されているのです。世界中にマクドナルドがたくさんあるからといって、それが健康的な食事場所であるとは限りません。

[編集] OK。これは愚かなことでした。これを書いてから、私は BS3 を使いましたが、かなりレベルアップしています。このような投げやりなコメントをするべきではなかったのですが、フォント サイズにピクセルを使用することについては、間違った決定をしたと今でも思っています。アクセシビリティの問題だけでなく、emsは他の面でも便利なのです。

[更新】remsのようです。 はV4でサポートされるようです(Mdoさんより引用 ここで ):

IE8 のサポートが終了する v4 では、ピクセルから REM に変更できるようになる予定です。 に変更できるようになります。それまではあまりできません。

[2月17日更新】Bootstrap 4はまだAlphaですが、remsを使用した タイポグラフィーのドキュメント でremsを使用していますが には で rems の使用を示しています。 レイアウトドキュメント .