2

wordpress を使用してレスポンシブ サイトを構築しており、4 つの画面サイズで 3 つの画像を表示したいと考えています。画像はバナー広告です。

私が使用しているテーマでは、ウィジェットにコードを追加して、個別の div と画像をそれぞれ指定しています。私はレスポンシブな設計方法に慣れていないので、理想的な回避策がわからないという問題があります。

css は、正常に動作している各サイズ @media を指定しますが、表示したい div に表示せず、表示しないように指定する私の方法は、基本スタイルによって上書きされているため機能しません。

イメージの src 要素にコードを配置することで、メディア サイズごとにどのイメージを表示するかを指定することはできますか? すなわち

これが少し判読できない場合は申し訳ありませんが、誰かが私が何をしているのかに興味があり、レスポンシブ画像と代替画像を表示する最良の方法を知っているなら、それは素晴らしいことです.

4

1 に答える 1

0

各画像に一意のIDを割り当てるか、クラス名を使用して、メディアクエリ内で使用することができますdisplay:none;

例：

@media (max-width: 768px){
  img.myImage{
  display: none;
 }
}
于 2013-01-29T04:23:21.630 に答える