미디어 화면 크기를 기준으로 줄임표 추가

Question

그래서 막혀 있습니다! 난 초보자 코더에 대한 간단한 모든 솔루션을 찾고 있어요.

현재 나는에 줄임표를 추가하는 다음 코드가 에코

<?php echo ucwords($query->name = (strlen($query->name) > 15) ? substr($query->name,0,13).'...' : $query->name); ?> 

이 잘 작동하지만 깨끗 텍스트를 유지하고 화면 레이아웃을 방해하지 않는 아이폰 5 화면 크기에 설정되어 . 그러나 더 큰 장치에서는 여분의 공간이 있기 때문에 이상하게 보입니다. 그래서 화면 크기에 따라 줄임표를 표시하는 다른 방법이 있습니까?

감사합니다.

Answer 1

다만 스타일

overflow: hidden; 
text-overflow: ellipsis; 

와 (서버 측 절단하지 않고) 그 출력을 포함하는 소자