滑块无法正常工作

Question

网站滑块无法正常工作，当屏幕分辨率为1920 x 1200时，滑块图像看起来很好。当屏幕分辨率大小如1366 X 768滑块被左右切割时，它不会自动缩小。是我们纠正这个问题的任何方式。网站链接如下：

http://www.newtonclients.com/testing/index6.html

Answer 1

某些脚本正在计算滑块中图像的大小，但效果不佳。我认为它可能基于窗口高度，但应该只基于全宽。

我认为您应该禁用此脚本并使用.img-responsive Bootstrap类。实际上你可以使用Bootstrap轮播模块，它更容易实现，并且肯定更少bugy;）

我还将改善这种网站体验，它看起来非常“沉重”，甚至滚动切割屏幕。

Answer 2

为了使其具有响应性，默认情况下，滑块会通过添加高值margin-left将其向左移动。这导致了你的问题。

您可以尝试通过自己覆盖默认css来修复它。将以下代码段添加到您的css文件中。您可以根据自己的喜好更改边距值和宽度。

这会稍微拉伸图像。希望这有效。

@media only screen and (max-width: 1366px) {
   .ms-slide .ms-slide-bgcont img{
      margin-left:-100px!important;
      width:126%!important;
      max-height:auto!important;
   }
}