如何使背景仅在不同屏幕尺寸上水平调整大小？

Question

我希望我的背景能够横向响应屏幕尺寸变化，我不想要它周围的灰框。

div的CSS：

.col-xs-8.arrow-red {
    background-image: url(../img/arrow-red.png);
    background-repeat: no-repeat;
    background-size: 100%;                 
    background-position: center center;
    height: 135px;
}

这是在桌面上： 这是在iPad上：

Answer 1

您可以为背景设置固定高度; 像这样使用 -

-o-background-size:100% 50px;
-webkit-background-size:100% 50px;
-moz-background-size:100% 50px;
background-size:100% 50px;

link