Chrome背景サイズが正確ではありませんか？

Question

Chromeで背景画像が正しく拡大縮小されないという問題が発生しています。私は以下のコードを同様にコードペインのリンクに含めました。 20％の幅に設定されているにもかかわらず、背景画像は完全に5倍に収まることがわかります。いずれにもこれに対する修正または回避策がありますか？

CSS

#vsb-screen-preview { 
    background-image: url(/screen-builder-screen.png); 
    background-size: 20% 25%; 
    background-position: top left; 
    float: left; 
    width: 454px; 
    height: 316px;} 

    .vsb-screen-preview-bg { 
    float: left; 
    overflow: hidden; 
    width: auto; 
    height: auto; 
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,1); 
    background-image: url(/pexels-photo-361951.jpeg); 
    background-size: cover; 
    background-position: center center; 
    position: relative;} 

HTML

<div class="vsb-screen-preview-bg"> 
    <div id="vsb-screen-preview"> 
    </div> 
    </div> 

どのような援助をいただければ幸いです。

https://codepen.io/anon/pen/BWMGrz

Answer 1

この理由は、クロームのバグです。バックグラウンドサイズを設定すると、10進数ではなく整数でのみ繰り返され、乗算されます。したがって、値が浮動小数点数、位取りまたはパーセントの場合、Chromeでは間違っています。

私は、クロムの間隔が異なる理由を突き止める2時間後にそれを発見しました。

可能な限り多くの人にバグを報告して修正するよう依頼しました。