css - 关于移动 safari 渲染问题的任何想法

标签 css vue.js safari mobile-safari

在 ios 上为我的 Web 应用程序使用 Safari 时,我遇到了一些奇怪的渲染问题。奇怪的是,它大部分都按预期工作,但有时会出现这些错误,并且发生这种情况时没有明显的模式。

正确的例子:

correct 1 correct 2

buggy 示例:

buggy 1 buggy 2

有人知道为什么会发生这种情况,或者可能导致这种情况吗?

最佳答案

我通过在某些元素上使用这个 hack 使其工作:

-webkit-transform: translate3d(0,0,0)

参见此处:https://stackoverflow.com/a/10170170/8494034

关于css - 关于移动 safari 渲染问题的任何想法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54704555/

相关文章:

css - 响应式 CSS - 如何在使用 iPhone 访问我的网站时自动调整填充?

laravel 419(未知状态)

javascript - 当其他数据发生变化时更新数据的一个值

javascript - Laravel 强化、Vuex。数组到字符串转换错误。 FortifyServiceProvider.php 第 40 行。发生了什么事?

css - 3D 变换、z-index 和 Safari

javascript - Angular 表单上传在 Safari 中不起作用,在 Chrome 中起作用

html - 在响应式布局中使用 CSS 排列具有交替元素计数的行

html - 防止 anchor 在缠绕时被切成两半

即使链接不是当前链接,jQuery CSS 样式也保持不变

javascript - safari扩展全局页面JS能够修改选项卡的DOM吗?