多出一条线

问题：

拖拽浏览器变换浏览器宽度，红线时隐时现。

.box{
    width:640rem;
    height:100rem;
    background-image: url("../img/bg.png");
    background-size: 640rem 110rem;
    background-position: bottom left;
}

响应式rem单位，样式中没有border样式，背景图中没有红线。

解决：

由于单位是rem，所以在拖拽浏览器变换宽度时候，盒子的实际像素在不停的变化，其计算会出现小数，造成背景图尺寸和盒子尺寸不能吻合，出现了背景图平铺，由于偏差小，所以只能看到一条红线。因此只要加上样式

background-repeat: no-repeat;