对不起,我的英语优先。我使用的是绝对定位的物化滑块,在生产中使用了一段时间后几乎可以正常工作。但是在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。
我想知道是否有人可以提供一个提示,我必须考虑要在哪个方向找到解决方案...。预先非常感谢。
更新 在我找到更高级的解决方案之前,以下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");
}