为什么图像在Safari上闪烁但在应用调整大小时不在Chrome中？

Question

图片在Safari上闪烁但在应用调整大小时不在Chrome中。我正在使用具有不同输入的可重用组件。如果我的输入只是一个字符串，那么Safari上的图像会闪烁，但如果我的输入是字符串和数组，那么图像（iphone型号）则不然。以下是我的部分代码：

export class ProductCategoryRouteComponent implements OnInit,OnChanges {

  @Input ('search') searchStr: string; 
  @Input('width') mainWidth: number;
  @Input ('isSameBrandMenu') isSameBrandMenu: boolean;
  @Input ('query') productQuery: ProductQuery;
  categoryRoutes: any[] = [];
  @Input('categories') categoryRouteImages: any[] = [];

  ngOnInit(){
    this.getAllRoutes();
    this.leftButton = 'none';
    this.rightButton = 'none';
    this.isPages = false;
    this.isPageTopMin = false;      
    var index = 0;
    for(let n in this.categoryRouteImages)
      index++;
    this.categoryLenght = index; // can't read the lenght, always 0.
  }
  ngOnChanges(){
    this.getAllRoutes(); // blinks if the input is just a string
  }

我希望我可以使用CSS解决这个问题所以我不需要包含＆＃34; @Input（＆＃39; categories＆＃39;）＆＃39;作为我的一个输入并尝试

 img {
  -webkit-backface-visibility: hidden;
 }

但仍然只在Safari上闪烁。