firefoxのボタン（画像）が表示されない

Question

私は自分のウェブサイトをセットアップし、ボタンの画像を正しい場所に置いています。正しい方法を使って、すべてのブラウザで適切に表示されます。しかし、何らかの理由で今、私はFirefoxを使っている人たちと問題を抱えています。実際には、アイコンが実際に表示されているのは、Webサイトがワイドスクリーン用のデザインなので、大きすぎて比例しています。

これをFirefoxと携帯電話で解決する方法はありますか？

ソースコード：https://pastebin.com/xfsXHuTt

私はそれがこの地域とは何かを持っていると信じて、私はわかりません。

私はちょうどそれらが適切に収まるように見えません。

@media (min-width:320px) { 
    #store{ 
      content:url("http://website.com/store.png"); 
      width:35vw; 
      height:35vw; 
      max-width:100%; 
      vertical-align:middle; 
      text-align:center; 
      display:inline-block; 
      } 

Answer 1

コンテンツは通常、擬似クラス（前後）に使用されます。

全体を通してbackground-imageプロパティを使用しないのはなぜですか？背景サイズも指定する必要があります。幅がすでに&と指定されているため、 '包含'を背景サイズとして使用できます。

何背景サイズ：

スケール最大サイズの画像は、その幅やその 高さの両方がコンテンツ領域内に収まることができないことを含んで

だからコードあなたが掲示

@media (min-width:320px) { 
    #store{ 
      background-image: url("http://website.com/store.png"); 
      background-size: contain; 
      width:35vw; 
      height:35vw; 
      max-width:100%; 
      vertical-align:middle; 
      text-align:center; 
      display:inline-block; 
      }