Link kısaltma çözümü biraz komik bir çözüm önerisi olmuş.
Yapman gereken ilgili elementin seçicisinin css'ine aşağıdaki kodu eklemek;
word-wrap:break-word;
Olayın ne oldunu tam olarak kavramadan saçma çözüm önerilerinde bulunup kullanıcıları yanlış yönlendirme lütfen.
break word bu durumun en stabil çözümüdür. Bu durumda belirtilen media yöntemi çok sığ, uğraştırıcı ve çözünürlüklere göre bir çok ayar gerektirecek bir çözüm (?) önerisi. Ayrıca ekran küçülttükçe verilen bağlantıları küçültmek mobil cihazlarda okunamayacak duruma getirecektir.
Media taglarını bilmiyorsunuz galiba? Ekran küçüldükçe otomatik olarak font küçültülürse dediğiniz gibi olur. Ancak media tagları ile yaygın 5-6 çözünürlük seviyelerinde font özellikleri manuel olarak belirtilirse bahsettiğiniz sorun olmaz. Break word yaparsanız UX açısından negatif olacağını bilmiyorsunuz sanırım. Bahsettiğiniz 1-2 satırlık break word metotuyla UI sorunu çözülür, UX sorunu meydana gelir. Bu çok doğal, geliştirici adında kod yazanların çoğunun çözüm mantığı sadece sorunu çözmek üzerine. Bir sorun çözüldüğünde başka sorun meydana gelecekse, o sorunu hiç çözmeyin daha iyi. Bağlantıyı break word yapan büyük bir site/platform gördünüz mi hiç? Önemli olan daima az kod yazmak değil, gereken kodu en clean code şeklinde yazmak.