Javascript 如何使用（…）按单词/字母修剪内容，具体取决于媒体屏幕

我希望每个人都做得很好。我希望有人能帮我解决这个问题。我想修剪我的内容，例如在桌面上修剪30个字母，在手机上修剪20个字母

这是我的代码，它不起作用

var maxLength=30；
$（'.shorten'）。每个（函数（）{
var text=$（this.text（）；
如果（text.length>maxLength）{
var output=/^.{0,30}（？=[\，；]）\b/.exec（text）[0]
$（此）.text（输出+“…”）；
}     
});

我的同僚们都是精英。
圣阿库桑提姆办公楼（Sint accusantium officia assumenda ea）。多洛雷姆·努姆夸姆·萨皮恩特的产房。
这是一个最小值的选择吗？accusamus quia hic assumenda的驱虫药。

var maxLength=30
$（'.shorten'）。每个（函数（）{
var text=$（this.text（）.trim（））
如果（text.length>maxLength）{
var输出=text.slice（0，maxLength）
$（this）.text（输出+“…”）
}
})

我的同僚们都是精英。辛特
山茱萸。多洛勒姆产房
努姆夸姆·萨皮恩特。这是一个最小值的选择吗？排斥
accusamus quia hic assumenda作坊。
正要发布这个精确的解决方案，干得好！它不会修剪任何东西。不起作用