绝对定位的实体滑块上的越野车线

时间:2018-10-06 09:59:08

标签: css slider materialize

对不起,我的英语优先。我使用的是绝对定位的物化滑块,在生产中使用了一段时间后几乎可以正常工作。但是在iPad上,有时会出现错误行,如下面的屏幕截图所示。每个图像的px尺寸完全相同...

我想知道这是否是由于我的css / less引起的,如下所示:

.image-wrp,
.slider {
  position: absolute;
  bottom: 20%;
  left: 20%;
  height: 60% !important;
  width: 60%;
  overflow: hidden;
  .slides {
    height: 100% !important;
    background: white !important;
  }

还是四舍五入错误?或由物化引起。我正在使用v0.100.2。

我想知道是否有人可以提供一个提示,我必须考虑要在哪个方向找到解决方案...。预先非常感谢。

enter image description here

更新 在我找到更高级的解决方案之前,以下js / jQuery解决了该问题,但似乎并不十分优雅。当dom准备就绪或调整窗口大小时,我会触发此功能。

 function subPixelCorrection() {
    var sliderImages = $('.slider .slides li');
    var imgWidth = Math.floor($('.slider .slides li').innerWidth());
    $('.slider .slides li img').css('width', "");
    $('.slider .slides li img').css('width', imgWidth + "px");
 }

0 个答案:

没有答案