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

サポート
1

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

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

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

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

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

2

こんにちは。

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

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

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

次に、CSSです。

モバイルタブで：

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

デスクトップタブで：

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

どう思いますか？

「いいね！」 7