滑块无法正常工作

Question

网站滑块无法正常工作，当屏幕分辨率为 1920 x 1200 时，滑块图像看起来不错。当屏幕分辨率大小像 1366 X 768 滑块被左右切割时，它不会自动减小。我们有什么方法可以纠正这个问题。网站链接如下

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

Answer 1

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

我认为你应该禁用这个脚本，只使用.img-responsive Bootstrap 类。实际上你可以使用 Bootstrap 轮播模块，它更容易实现，而且错误肯定更少；）

我也会改进这个网站的体验，它看起来很“沉重”，甚至滚动会切屏。

Answer 2

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

您可以尝试通过自己覆盖默认 css 来修复它。将下面的 sn-p 添加到您的 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;
   }
}