根据媒体屏幕大小添加省略号

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;