根据媒体屏幕尺寸添加省略号

Question

所以我卡住了！我正在寻找对于新手编码器来说足够简单的任何解决方案。

目前，我有以下的代码，添加一个省略号以回声

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

这工作得很好，但我有它在iPhone 5的屏幕尺寸设置为保持文本清洁，不会破坏屏幕布局。但是，在更大的设备上，这看起来很奇怪，因为有额外的空间。那么还有另一种方法可以根据屏幕尺寸显示省略号吗？

谢谢！

Answer 1

只是风格包含输出（无服务器端截断）元素与

overflow: hidden; 
text-overflow: ellipsis;