谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题

谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题（避雷）

浏览器的自动翻译会影响页面数据展示
因为我呢用的谷歌浏览器，有时候需要查看英文文档，平时会开着自动翻译翻译，如图：

然后今天在写网页的时候发现了这个问题

如图，在翻译为中文状态下，我在body标签内的span标签内写的是“很棒”，保存后刷新页面他会闪一下很棒，之后就会变成“很干净”，

这应该是CSS样式吧，我在CSS里面没写，可能是默认，有懂得朋友给我留言下。

这是原网页的状态下，显示是正确的。