大佬教程收集整理的这篇文章主要介绍了css – 如何确定iOS Safari中造成“样式无效”的原因?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试过了:
>应用意志变换:变换;或transform:translateZ(0);在滚动元素上.这极大地帮助了Chrome,但对iOS Safari却没有任何作用.分析器仍报告正在重新计算样式.
从DOM中删除所有具有position的元素:fixed;
>检查分析器报告的每一行Javascript(我的测试中只是jQuery和Angular核心代码),看看它们是否在Paul Irish’s list of things that force layout/reflow
>要在Android上重现它,@R_50_9447@使用Chrome的恒星开发工具,没有成功.这个问题只会影响iOS Safari,只能从桌面Safari中进行调试.
如何确定在iOS Safari中导致我的样式无效的原因?
>获取您要查看的事件的开始时间.应该在从截图的视图中的第二列到最后一列.
>单击名为“框架”的“事件”选项卡旁边的选项卡.
>找到具有最接近的匹配开始时间的框架. (有时不完全)
>展开框架可以让您看到事件之前/之后发生的事件.在最后一列“位置”,您可以看到问题所在.如果已填写,您可以点击向右箭头查看导致该行的行.但是它并不总是在列中有东西.我必须先看一下以前的事件,试图找出问题所在.
这不完美,但是我已经能够使用这种方法来调试我遇到的问题.希望这可以帮助!
以上是大佬教程为你收集整理的css – 如何确定iOS Safari中造成“样式无效”的原因?全部内容,希望文章能够帮你解决css – 如何确定iOS Safari中造成“样式无效”的原因?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。