在带有IPhone的iOS11设备上,我对图像的渲染有问题。我正在做的是懒散地在滚动中加载一个图像列表,但是随机地有一些图像无法呈现。我试过在Safari桌面上调试,它显示img标签上确实设置了src,但它仍然不呈现,直到我做了一些操作,打开任何一层完全覆盖该区域。
我试过的事情:-
一个疑问:它是否必须对PPI做任何事情(像素每英寸)。目前它的150 its。我需要把它减少到72 need吗?
我会给出这个问题实际发生的联系,但不能真的感到抱歉。
小提琴例子:
http://jsfiddle.net/y37eL2hp/4/
全屏:http://fiddle.jshell.net/y37eL2hp/4/show/light/
<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>我检查了上面的例子,它也有同样的问题。在重新加载时清除缓存
发布于 2017-10-28 22:00:12
显然,有一个已知的问题被认为是与Safari有关的,它假定一个模糊的单方字符,一旦字体加载,它就会超时您的javascript包含您的lazyload脚本。
解决方案是包含一种常见的回退字体,即
font-family: "Your strange font", Arial, Sans-Serif;或者使用google字体。
希望IOS11系统很快就能得到修补!
有关更多信息,请参见以下链接:bug.cgi?id=174031
发布于 2018-09-06 14:48:30
它似乎又回到了与iOS11的黑客。我们过去在-webkit上需要这样的黑客,但现在我们又需要它,但没有前缀.
img {
transform: rotateZ(360deg);
}https://stackoverflow.com/questions/46895729
复制相似问题