响应式旋转木马不在Chrome较小的视口中工作，但在FF中工作

Question

请帮助我正在寻找修复方法。我有这个网站： http://www.ktlpro.com/

除了CHROME @某些视口之外，这在我所知道的所有浏览器中都非常有效。我无法弄清楚为什么这个滑块无法正常工作。

我相信Chrome中有问题的视频是680,768，也许是480.请帮忙！

它在chrome中的外观如何： Chrome below 768

Answer 1

480px和767px之间有以下css：

@media (max-width: 767px)
#main-slide .slider-content h3 {
    font-size: 14px;
    margin-top: 5px;
}

将其更改为类似的内容，它将解决问题：

@media (max-width: 767px)
#main-slide .slider-content h3 {
    font-size: 14px;
    margin-top: 65px; //You can increase this if you wish
}