Bootstrap neden line-height özelliğini 1.428571429 olarak ayarlıyor?


Yanıtlar:


177

Satır yüksekliği, hedeflenen satır yüksekliği boyutunu yazı tipi boyutuna bölerek belirlenir. Bu örnekte, Bootstrap satır yüksekliğini 14px yazı tipi boyutundan temel alıyor. Hedef satır yüksekliği 20 pikseldir:

20px ÷ 14px = 1.428571429

Satır yüksekliğinizi belirlerken, satırlarınız arasında bol miktarda beyaz boşluk olduğundan emin olmak istersiniz. Bu, diğer satırlara müdahale etmeden yükselen ve alçalanlara izin verir. Ayrıca bol miktarda beyaz alana sahip olmak, okurken gözlerinizin görsel bir ritim geliştirmesini sağlar.

Ayrıca hat yüksekliğini birimsiz tutmak, onu daha çok yönlü hale getirir. Daha fazla bilgi için, Eric Meyer'in bu konudaki Şubat 2006 tarihli gönderisine bakın.


2
Ben de aynı şeyi soracaktım. Görünüşe göre bu soru düzenli olarak karşımıza çıkıyor. Belki de Bootstrap geliştirme kodu hızlı bir açıklayıcı yorum içermelidir.
ivanjonas

1
Bunun aptalca bir soru olduğunu sanmıyorum. line-heightIE11'de bu düzensiz neden bulanıklığını gördüm, bu da onu sorgulamama neden oldu. Cevap tam anlamlıdır, ancak sayıyı yalnızca birkaç ondalık basamağa yuvarlamak Bootstrap adına muhtemelen mantıklı olacaktır.
aminimalanimal
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.