スマホとPCで画像を隠す・表示する方法

投稿に画像が10枚あります。

最初の5枚の画像は、モバイルで非表示にする方法(デスクトップでは表示したまま)。

最後の5枚の画像は、デスクトップで非表示にする方法(モバイルでは表示したまま)。

上記を行うための合理的なHTMLとCSSはありますか?

Discourseの専門家の皆様、どうぞよろしくお願いいたします。

こんにちは。

画像をラップするのが最も信頼性の高い方法だと思います。

[wrap="hide-mobile"]
...最初の5枚の画像
[/wrap]

[wrap="hide-desktop"]
...最後の5枚の画像。
[/wrap]

次に、CSSです。

モバイルタブで:

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

デスクトップタブで:

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

どう思いますか?

「いいね!」 7