ölçekleme

EriÅŸebilirlik kavramına uygun siteler tasarlamaya çalışıyorsanız , göz önünde bulundurmanız gereken pek çok detay vardır.ÖrneÄŸin bir kullanıcı sitenin fontlarını büyüttüÄŸünde eÄŸer resimleriniz hala aynı boyda kalıyorsa bu iÅŸe bir çare bulmanız gerekir.Çünkü resimlerinizde yazılar içerebilir yada büyüyen yazıların arasında kaybolabilir.Bunu engellemek için resimlerinizi px yerine em birimi ile boyutlandırısanız bu sorun çözülür.

ÖrneÄŸin ;

Html kısmı:

<img src=”img/site_resim.png” id=”sitefoto” alt=”Ölçeklenebilir Resim” />

Şimdide css tarafında yapılması gereken tanımlama:

#sitefoto {
width: 10em;
height: 15em;
}