0

CSS で :after を使用してテキスト セットの後にアイコンがあるナビゲーションがあります。

a.pro-serv:after { 
  content: url('../imgs/pro.png'); 
  position: absolute; 
  top: 65px; 
  left: 50%; 
  margin-left: -31px; 
}

絶対配置を使用して、テキストの下に配置するように設定しました... (はい、大きなボタンです)。ただ、レスポンシブサイトなので、ナビアイテムの幅が狭まると、アイコンの1つか2つが広すぎるのですが、設定方法が原因で、サイズを変更する方法が見つからず、恐れていますできませんが、アイコンのサイズが変化しても反応するように、誰かが解決策を持っていることを願っています..これは可能ですか?

よろしくお願いします。

4

1 に答える 1

0

メディア クエリを使用して、小さいバージョンのアイコンを読み込んでみましたか? 背景画像をレスポンシブにするのは難しい作業です。それらをimgタグに入れると、はるかに簡単になります

于 2012-06-28T13:14:07.577 に答える