DIVの背景イメージはスマートフォンでは100％ではありません

Question

私は小さなウェブサイト - luxorclub.ru/enを開発しました。 "Menu"セクションにはrepeat-xで100％とされるボトル画像があります。それはデスクトップ上ではよく見えますが、スマートフォンでは100％ではありません。

これは、CSS、それはデスクトップ

に見え、これはそれが銀河S6にどのように見えるか

ある方法です：

#outer-menu-food { 
    width: 100%; 
    height: 700px; 
    background: url('images/menu/menu-bg3.png') repeat-x; 
    background-position: center; 
} 

Answer 1

をこれがされます＃アウターメニューの食べ物は幅oを取るのでビューポートと背景はそのポイントにのみ伸びます。あなたのウェブサイトがモバイルで適切に表示されるように、すべてを再構成しなければならないかもしれません。特定の解像度の後に、幅と素材として与えた固定値を削除し、パーセント値を与えることを検討してください。

短く書いてmedia queriesを書いて、モバイルデバイスで物事を修正してください。