我在其中一个响应项目中使用JSSOR滑块。我对它实现响应式调整大小的方式感到不满,因为它依赖于transform:scale() - 概念。所以我通过设置
禁用了这种行为(仅适用于包含div)#sliderContainer>div {
transform:none !important;
-webkit-transform: none !important;
}
并使用CSS手动设置sliderContainer, img
的大小以及箭头位置。这将导致完美的响应行为。但是,有一个错误。当装入尺寸A并切换到尺寸B(例如将平板电脑从纵向转换为横向模式)或调整浏览器窗口大小时,它将完全搞砸幻灯片的位置:
我正在正确调用jssor_slider1.$ScaleWidth(e.g. 820)
函数。但我看不出绝对定位的任何变化。看起来滑块完全依赖于缩放转换,并没有实现真实的响应概念。
我的问题:有没有办法动态设置幻灯片宽度和/或导致完全重新计算?也许重新启动滑块?
我唯一的解决方案是手动配置最大的幻灯片尺寸:
$SlideWidth: 820, //[Optional] Width of every slide in pixels...
但是,这将导致较小分辨率中的大间隙滑动。