Uzun Yazıları Ekrana Sığdırm
-
Merhabalar, Bir projenin en sevmediğim fakat aslında en önemli olan kısmına görseline geçtim, 3 aşağı 5 yukarı bir seyler cikarttim. Kendimce responsive bir tasarımda oldu fakat data grid tarzi yerlerde sorun yaşıyorum ve uzun tek metinler var aşağıdaki gibi :
https://yadi.sk/i/9H3rTZfP5Ld9IQ
bunlara nasıl bir cozum bulmam lazım, Mesela ekran cözünürlüğüne göre font da değiştirerek yapilabilir mi hazır bir kütüphane var mı bunun icin ?
-
Bu konuyu tecrübe edinmiş biri. Olarak
https://stackoverflow.com/questions/34833815/showing-truncated-text-on-hover-using-css-ellipsis-overlaps-text-below-it
Bu işini her türlü görecektir..
MhmdAlmz tarafından 21/Eyl/18 10:32 tarihinde düzenlenmiştir -
Üstteki çözüm bir seçenek, ek olarak font-size ları viewporta göre verebiliyorsun. Örneğin font-size:8px; yerine font-size:8vw; kullanabilirsin. Bu şekilde değiştirirsen ekran boyutu değiştiğinde font boyutu da değişecektir.
Başka bir seçenek de overflow-wrap: break-word; komutunu kullanabilirsin ilgili yer için. Kısaltmayıp aşağı satıra geçebilirsin bu şekilde.
swalker tarafından 21/Eyl/18 11:56 tarihinde düzenlenmiştir