[解決済み] なぜTwitter Bootstrapはフォントサイズにピクセルを使用するのですか?
質問
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 の使用を示しています。 レイアウトドキュメント .
関連
-
[解決済み] B-tableのBootstrapVue条件列
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] Twitter Bootstrap Form File Element Upload Button(ファイルアップロードボタン
-
[解決済み] Twitter Bootstrap 3:メディアクエリを使うには?
-
[解決済み] matplotlib のプロットでフォントサイズを変更する方法
-
[解決済み】フッターをページの一番下に流す、twitter bootstrap
-
[解決済み】Twitter bootstrapのモーダルバックドロップが消えない件
-
[解決済み] 行を組み合わせたブートストラップ(rowspan)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrapのモーダルが表示されない
-
[解決済み] bootstrapでpanel-bodyの背景色を変更するには?
-
[解決済み] BootstrapでNavbarが折りたたまれない
-
[解決済み] angular 2でbootstrap 4を使用するには?
-
[解決済み] Bootstrap v4におけるvisible-**とhidden-**の欠落について
-
[解決済み】twitter bootstrap 2で送信ボタンにアイコンを追加する。
-
[解決済み】Font-awesome、入力タイプ'submit'
-
[解決済み] Twitter Bootstrap 3.0 どのように私は今 "バッジバッジ重要 "するのですか?
-
[解決済み] reactjsアプリでbootstrapのcssとjsをインクルードする方法は?
-
[解決済み] 行を組み合わせたブートストラップ(rowspan)