根据JavaScript中的屏幕大小删除其他元素

我已经创建了一个幻灯片/旋转木马，但我想根据屏幕大小显示偶数个图像

因此，如果屏幕可以容纳5个图像，滑块将显示5等，。问题是，如果屏幕只适合4个，我想删除第13、14和15个图像，这样屏幕上一次会有4个图像，而不会显示最后有间隙的三个图像

在本例中：

var slides_div = document.getElementById("container");
for (var k=11; k<slides.length; k++) {
    slides_div.removeChild(slides_div.childNodes[k]);
}

---

您可以使用CSS媒体查询来隐藏最后3个HTML元素

@仅媒体屏幕和（最大宽度：300px）{
希德姆先生{
显示：无；
}
}

1
2.
3.
4.
5.
6.
7

出于某种原因，它在图像之间拾取空对象

然后在循环中，每个项目被删除后，事物的索引会有所不同，因此必须向后循环

将其更改为以下内容，其工作方式符合我的要求：

var slides = document.getElementsByClassName("trustpilot_slides");
for (var k=slides.length-1; k>=14; k--) {
    var this_slide = slides[k];
    this_slide.parentNode.removeChild(this_slide);
}

---

您可以使用

css

通过使用

@media

@Matt.S来实现这一点。我认为这不管用，因为我想删除它们，而不仅仅是隐藏它们