间歇性 iOS 14 Safari 文本修改答案

【问题标题】：Intermittent iOS 14 Safari text mangling间歇性 iOS 14 Safari 文本修改
【发布时间】：2021-09-05 09:18:51
【问题描述】：

有没有人知道为什么我在使用 iOS 时遇到问题，有时会破坏我网页上的某些文本。它似乎有时会发生，然后会自行纠正，并且会发生在某些 iPhone 用户身上，但不会发生在其他用户身上。

这里是损坏文本的屏幕截图：

这是正常文本的屏幕截图：

这是包含 HTML div 上的一些 CSS，可能会对此有所了解？

.v-application .font-weight-light {
    font-weight: 300!important;
}
* {
    padding: 0;
    margin: 0;
}
*, :after, :before {
    background-repeat: no-repeat;
    box-sizing: inherit;
}
user agent stylesheet
div {
    display: block;
}
@media only screen and (min-width: 320px)
.slide-content.is-even, .slide-content.is-odd {
    text-align: center;
}
.color-1 {
    color: #fff;
}

<style>
.work[data-v-e3c177cc] {
    font-size: clamp(18px,1.6vw,1.6em);
}
@media only screen and (max-width: 600px)
.contact, .work {
    line-height: 1.3!important;
}

任何帮助表示赞赏？

谢谢

【问题讨论】：

标签： html css ios iphone safari

【解决方案1】：

我希望我已经解决了这个问题？

我正在使用标准{{ [content] }} 语法通过 Vue.js 模板中的 JSON 字符串呈现一些纯文本。

我现在改用vhtml="[content]"。它似乎对我有用，但需要在 iOS 设备上进一步测试。

可能是影子 DOM / JSON 解析 / 渲染延迟问题？

【讨论】：