Siteyi responsive yaparken yazı font ölçüleri nasıl olmalı?

249873

Kilopat
Katılım
17 Şubat 2019
Mesajlar
5.050
Çözümler
20
Responsive konusunda en çok zorlandığım olay fontların ölçüleri stilleri telefon için yeterli mi değil mi? Bu konu da tavsiyeleriniz var mı?



 
Cinsiyet seçimlerini kalın yazıyla yapmasanız daha iyi olur sanki.
 
Px yerine RAM veya em kullanın.

RAM kullanıyorum ama ne gibi fark olacak? Sonuçta 18px, öylede 18px

Cinsiyet seçimlerini kalın yazıyla yapmasanız daha iyi olur sanki.

Yorum için teşekkürler oranın biraz daha emeğe ihtiyacı var, seçilen kısmın kutu rengini falan da değiştirmeyi düşünüyorum.

Tarih kısmını da gün ay ve yıl olarak ayrı selectler olarak yapacağım. Ama şu an biraz yoruldum ve araştırma yapmam da lazım
 
CSS:
html {
 font-size: calc(15px + 0.390625vw);
}
Bu şekilde responsive bir font size verebilirsin.
Kaynak: Responsive Font Size (Optimal Text at Every Breakpoint).

Hocam teşekkür ederim, sorum olacaktı.

Telefon için sanıyorum 16px yeterli geliyor. Ama masaüstü 1920px için sizin kodunuzda ekrana sanki bayağı Zoom atılmış gibi oluyor. Ben şahsen masaüstü sürümü içinde 16px kullanıyorum sizce küçük mü?


Fotoğraflarda fark çok anlaşılmıyor sanırım



 
Laptop için küçük değil ama 2K ve 4K da küçük gelebilir.
 
Anladığım kadarıyla Bootstrap kullanıyorsunuz, aksi bir durum olmadıkça yazı karakteri boyutları ile oynamasanız daha iyi olur, Bootstrap bu boyutları özel olarak responsive için en uygun şekilde seçmektedir. Başlıklar için H2-H3-H4 kullanılabilir. Tasarımdaki sorun, yazı karakteri kaynaklı bir sorun, çok ince bir yazı karakteri seçilmiş, kullanıcı için acı verici bir yazı karakteri. Bir tık daha kalın bir yazı karakteri seçebilirsiniz.
 

Tailwind yazıyorum hocam. Tüm font büyüklüklerini kendim giriyorum.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…