如何在手机和桌面上隐藏和显示图片

支持
1

在一篇帖子中，有 10 张图片。
前 5 张图片，如何在移动设备上隐藏（在桌面上仍然显示）。
后 5 张图片，如何在桌面上隐藏（在移动设备上仍然显示）。
有什么合理的 HTML 和 CSS 可以让我做到以上几点吗？
非常感谢 Discourse 专家。

2

嘿，

我认为最可靠的方法是包装图像。

[wrap="hide-mobile"]
...前五张图片
[/wrap]

[wrap="hide-desktop"]
...后五张图片。
[/wrap]

然后是 CSS：

在移动设备选项卡中：

[data-wrap="hide-mobile"] {
    display: none;
}

在桌面选项卡中：

[data-wrap="hide-desktop"] {
    display: none;
}

你觉得怎么样？

7 个赞