在移动设备上隐藏某些图像
发布于2024-11-25 20:12 阅读(470) 评论(0) 点赞(8) 收藏(5)
因此，我尝试在移动设备/小屏幕上隐藏六张用户照片中的两张（最后两张）。我知道，我会使用 @media 代码，但我该写什么代码来隐藏最后两张照片？
我的网站上的代码相当广泛，因此访问相关页面并使用“检查”查看代码可能更容易。我尝试使用一些 css 代码隐藏图片，但没有成功。所以我不知道我做错了什么！查看相关页面 @ Zoeaa.com
非常感谢您的帮助和反馈！如果我能做些什么来改进这个问题，请告诉我！
解决方案
像这样
//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;
}
}
当屏幕尺寸小于 768px 时，这将隐藏列表中的最后两个列表项。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/537213/4503fec2b08f708e461d/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力