画面サイズに応じて代替PNGの解決方法

Question

ワードプレスで広告バナーを表示するファイルがある場合はどのような解決策がありますか（例：https://www.lapetitebox.ch/lifestylegossip/aveda-love-your-color-haarfarben-zum-verlieben/ - 著者の後ろにある "小箱"のバナーを参照）携帯端末で画像を切り替えますか？

モバイルで実際の画像が意味をなさないので、

ありがとうございました

Answer 1

あなたはJSと同じことをすることができます。何かのように

if (screen.width <= 699) { 

     } 

は、最初のステップでなければなりません。または、あなたが検索できる素敵なプラグインがあるかもしれません。 「スマートフォンでバナーを変える」というキーワードで何かを見つけるかもしれない。 ドイツからのご挨拶。

Answer 2

私はそれを行うための最善の方法は、CSSの@mediaルールを使用することだと思う：あなたが喜ばとして、高さや幅が

@media only screen and (max-height:650px) 
{ 
    .lapetitebox 
    { 
     display: none; 
    } 
} 

実験（画像に「lapetitebox」のクラス名を与える）