Javascript 把这个滑块转动得非常灵敏

所以，我需要为这个滑块做的是以不同的分辨率正确调整大小，因为我得到了响应

我试过那个滑块

HTML

<div id="slider">
                <div id="controleplay">
                    <div id="autoplay"><img src="imagens/pausa.png" width="48" height="48"/></div>
                    <div id="button-next"><img src="imagens/seta_dir.png" width="48" height="48"/></div>
                </div>
                <div class="sp" ><img src="imagens/banners/w6-resultados.jpg" width="" height="auto" />
                    <h2><span>  Chegamos e damos boas vindas <br> ao nosso site! </span></h2></div>
                <div class="sp"><a href="noticia.html"><img src="imagens/banners/w6-sistema.jpg" width="" height="auto" />
                    <h2><span>  Solutions  </span></h2></a></div>
                <div class="sp"><a href="noticia.html"><img src="imagens/banners/w6-slogan.jpg" width="" height="auto" /></a></div>
                <div class="sp" ><img src="imagens/banners/w6-design.jpg" width="" height="auto"/>
                    <h2><span> Sofisticação presente <br> em nossos produtos e serviços </span></h2></div> 
        </div>

---

此处>

在此处查看@media for css：

您可以检测设备窗口大小，并使应用程序的css响应该大小。如果它是1200px或更高，你知道它是一个桌面，例如，可以为它添加样式，并在992px的平板电脑上使用它，等等

以下是移动设备大小的@media示例：

@media (max-width: 768px) {
    .jumbotron {
        margin-top: 91px;
    }
    .container {
        margin-top: 101px;
    }
}

当窗口小于768px时，“jumbotron”类将获得91px的余量顶部，以此类推

下面是一个如何捕捉中间大小的示例，因此如果屏幕介于平板电脑和桌面大小之间（例如，如果有人在桌面上使用较小的浏览器窗口大小或其他大小）：

当窗口大小大于786px但小于1199px（桌面为1200）时，“jumbotron”的上边距仅为51px。这会帮助你到达你想去的地方

@media (max-width: 768px) {
    .jumbotron {
        margin-top: 91px;
    }
    .container {
        margin-top: 101px;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .jumbotron {
        margin-top: 51px;
    }
    .container {
        margin-top: 61px;
    }
}