Question

因此，我试图在移动/小屏幕上隐藏六张用户照片中的两张（最后两张）。我知道，我将使用@media代码，但是我会写什么代码来隐藏最后两张照片？

我网站上的代码相当广泛，因此访问相关页面并使用“检查”来查看代码可能会更容易。我试图用一些CSS代码隐藏img，但是没有用。所以我不知道我在做什么错！ 在Zoeaa.com上查看有问题的页面

非常感谢您的帮助和反馈！如果有任何问题，我可以改善此问题，请告诉我！

Answer 1

类似这样的东西

//for screen size smaller than 768px (mobile)
@media only screen and (max-width: 768px)
{
    //hide the last two list items
    .pop_members ul li:nth-last-child(-n+2) { 
        display:none; 
    }
}

当屏幕尺寸小于768像素时，这将隐藏列表中的最后两个列表项。

Answer 2

也许您可以这样做。当我想在网页上隐藏某些内容时，我总是使用此方法，这样您就可以隐藏任何想要的元素

，但这仍然取决于代码的结构。有很多隐藏元素的方法。希望对您有帮助！

@media only screen and (max-width: 768px) {

    //Create Class that will only hide on mobile size.
    //Add the class desktop-only to the image(or LI) that you want to hide on mobile view.
    .desktop-only {
        display: none;
    }
}

在手机中隐藏某些图像

2 个答案: