【问题标题】:Mobile Safari rendering weird, adding extra margin in wrong place移动 Safari 渲染奇怪,在错误的地方添加了额外的边距
【发布时间】:2014-11-19 11:52:57
【问题描述】:

有时,但并非总是如此,当这个网页应用程序页面加载到移动 Safari 上时,会添加一个额外的边距,该边距会切入应该是一个按钮的地方。它直接通过文本而不影响文本的位置。如果我打开模拟器进入网络检查器,并基本上注释掉页面上任何位置的任何样式,空间就会消失。所述空间仅出现在移动 safari 上,其他任何地方都没有。如果我重新加载页面,有时它会在那里,但有时它不会。这是 Safari 渲染问题吗?还是别的什么?

第一张图片展示了它在 iphone 上工作时的样子,第二张是添加奇怪空间时的样子:

【问题讨论】:

    标签: css safari rendering flexbox


    【解决方案1】:

    所以答案是将 transformz(0) hack 添加到锚元素(按钮)。这会诱使浏览器使用 gpu 来呈现页面,而不是 cpu,这尤其有助于解决移动设备上的性能问题。包含更多信息的绝佳链接:http://aerotwist.com/blog/on-translate3d-and-layer-creation-hacks/

    【讨论】:

      猜你喜欢
      • 2011-07-30
      • 2011-03-19
      • 1970-01-01
      • 2011-12-10
      • 2015-09-05
      • 2017-10-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多