图像渲染值有时会更新，有时候不会更新

Question

我的网页上有一个很大的图标，但当您向下滚动时，它会变成一个小标题图标。我做了一个.tiny类，它在滚动切换。

$(window).on("scroll touchmove", function() { 
    $('#logo').toggleClass('tiny', $(document).scrollTop() > 0); 
}); 

与CSS：

#logo { 
    width: 50%; 
    left: 20vw; 
    transition: ease-in-out .5s; 
} 

#logo.tiny { 
    width: 230px; 
    image-rendering:auto; 
} 

的事情是，当标志变小了image-rendering:auto;有时得到更新，有时只是没有。这对我来说似乎很随意。当image-rendering:auto;处于活动状态时，您可以清楚地看到差异。我正在用铬进行测试。 那就是我的网站：http://www.lars-widmer.tk/sites/18/只要确认幻灯片在开始（没有危险发生;）），你会看到标志。 只需上下滚动几次，就可以看到有时它看起来不错，有时不会。

Answer 1

试用这一个：

#logo.tiny { 
    width: 230px; 
    transform: scale(1); 
    zoom: 0; 
}