在一个Web项目中，我正在使用Vue.js来实现带有过滤器和信息层的交互式地图。在移动设备上，当点击Google地图中的标记时，页脚会显示此地点的标题。 Vue.js中的反应变量会发生这种情况。
这很好，但是在iPhone上的Safari中，有时会同时显示新文本和以前的文本，因此不再可读。然后将div水平分为两半，其中新标题和旧标题分别显示为一半。
具有当前标题的div具有以下样式，以便在标题过长时缩短标题。
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
transform: translate3d(0,0,0);