首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >iOS11图像渲染问题

iOS11图像渲染问题
EN

Stack Overflow用户
提问于 2017-10-23 18:02:28
回答 2查看 1.4K关注 0票数 7

在带有IPhone的iOS11设备上,我对图像的渲染有问题。我正在做的是懒散地在滚动中加载一个图像列表,但是随机地有一些图像无法呈现。我试过在Safari桌面上调试,它显示img标签上确实设置了src,但它仍然不呈现,直到我做了一些操作,打开任何一层完全覆盖该区域。

我试过的事情:-

  1. transform3d使用GPU渲染。使用不透明,也会改变。
  2. 通过JS向元素添加一些样式,以触发回流/重绘

一个疑问:它是否必须对PPI做任何事情(像素每英寸)。目前它的150 its。我需要把它减少到72 need吗?

我会给出这个问题实际发生的联系,但不能真的感到抱歉。

小提琴例子:

http://jsfiddle.net/y37eL2hp/4/

全屏:http://fiddle.jshell.net/y37eL2hp/4/show/light/

代码语言:javascript
复制
<div ng-app="myapp">
  <div ng-controller="Mycontroller">
    <div class="my-product" ng-repeat="product in products track by $index">
      <div class="my-productimgblk">
            <ng-lazy-load-img imgsrc="product" class="lazy-smooth-load my-productimg" elem-type="img" elem-width="309" elem-height="400" load-offset-top="860"></ng-lazy-load-img>
      </div>
    </div>
  </div>
</div>

我检查了上面的例子,它也有同样的问题。在重新加载时清除缓存

EN

回答 2

Stack Overflow用户

发布于 2017-10-28 22:00:12

显然,有一个已知的问题被认为是与Safari有关的,它假定一个模糊的单方字符,一旦字体加载,它就会超时您的javascript包含您的lazyload脚本。

解决方案是包含一种常见的回退字体,即

代码语言:javascript
复制
font-family: "Your strange font", Arial, Sans-Serif;

或者使用google字体。

希望IOS11系统很快就能得到修补!

有关更多信息,请参见以下链接:bug.cgi?id=174031

票数 0
EN

Stack Overflow用户

发布于 2018-09-06 14:48:30

它似乎又回到了与iOS11的黑客。我们过去在-webkit上需要这样的黑客,但现在我们又需要它,但没有前缀.

代码语言:javascript
复制
img {
    transform: rotateZ(360deg);
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46895729

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档