Zor zamanlar yazı tipi Ölçekleme kafamda yaşıyorum.

Ben şu anda 100% font-size gövde this site var. % 100 olsa ne? Bu 16px de hesaplamak gibi.

Ben izlenim altında 0 olur bir şekilde başvurmak için boyutu tarayıcı penceresi, ama görünüşe göre değil, çünkü her zaman 16px olsun penceresi yeniden boyutlandırıldığında bir cep genişliği ya da tam gaz geniş ekran masaüstü.

Böyle kapsayıcı ilgili site sıralamamda metni yapabilir miyim? Ama bu da ölçek yok em kullanmaya çalıştım.

Benim akıl benim menü gibi şeyler yeniden boyutlandırdığınızda ezilmiş olmak, px azaltmak gerekir kabın genişliğine ilişkin diğer unsurlar arasında .menuItem font-size. (, 22px büyük bir masaüstü menüsünde E. g mükemmel çalışıyor. Tablet genişliği aşağı hareket 16px daha uygundur.)

Bildiğim kadarıyla ilave edebilirim, mola noktaları, ama ben gerçekten istediğiniz metni ölçek DE sahip olması ekstra kesme, aksi ederim sonuna kadar yüzlerce kesme noktaları için her 100px azalma genişliğini kontrol etmek için metin.

Görünüm penceresi ise Yüzde Üniteleri arıyoruz: http://dev.w3.org/csswg/css-values/#viewport-relative-lengths

Bu değerler şunlardır: ‘vw’ (görünüm penceresi genişliği), ‘vh’ (görünüm penceresi yükseklik), ‘vmin’ (küçük vw veya vh), ‘Jinghua’ (büyük ya da vw ya da vh).

== 1% İlk taşıyıcı blok 1

bu gibi görünüyor kullanarak:

p {font-size: 4vw;}

Gördüğünüz gibi, görüş genişliği artar, bu yüzden ne zaman yazı tipi boyutu, medya sorguları olmadan.

Bu değerler px gibi boyutlandırma birimi ya da diğer elementler gibi iyi bir boyut için kullanılabilir böylece onları, bu tür genişlik, kenar boşlukları ve doldurma.

Tarayıcı desteği oldukça iyidir, ama büyük olasılıkla bir geri dönüş gerekir. Gibi:

p {font-size: 16px; font-size: 4vw;}

Destek istatistiklerini kontrol edin: http://caniuse.com/#feat=viewport-units.

Ayrıca, CSS-tricks daha geniş bir bakış için: http://css-tricks.com/viewport-sized-typography/