Safari使用固定位置和变换矩阵来扭曲元素中的内容

Question

我意识到样式position: fixed和transform: matrix的元素中的所有内容都是扭曲的，当然，除了将position更改为{以外}之外，我找不到任何解决方案。 {1}}。

在fixed

上进行测试

这是一张图片：

以下是html：

Safari v10.1.2

和CSS：

<div class="first fixed">
    Fixed element  
</div>

<div class="second ">
   Static element
</div>

并演示：http://jsbin.com/woboyifiko/edit?html,css,output