缩放轨道滑块

Question

我正在开设一个可以在那里找到的网站： http://odesktestanswers2013.com/Metareviewer/

我正在使用1920px宽的显示器，我注意到我女朋友的笔记本电脑（带有Safari的14英寸Mac），滑块在滑块上方和下方显示两个黑条。

我的滑块图片是1920px，但我认为它们只会缩放（我显然不会有那些黑条）。

有人知道那是从哪里来的吗？

Answer 1

问题在于您定义的背景大小值。它正在使用容器的％。如果您将背景大小更改为覆盖，并且您的背景位置到中心位置将解决您的问题

.main-wraper-present2 {
    background: url("../images/unes/une[2].jpg") no-repeat scroll center center #000000;
    background-size: cover;
}

Answer 2

在background-size: cover;和.main-wraper-present上尝试.main-wraper-present2。

编辑： 浏览器对后台大小的支持最近已经增长，目前最流行的浏览器版本支持该属性，包括Firefox，Safari，Chrome，Internet Explorer和Opera。