DIV 배경 이미지가 스마트 폰에서 100 %가 아닙니다

Question

나는 작은 웹 사이트 (luxorclub.ru/en)를 개발했습니다. "Menu"섹션에는 repeat-x로 100 % 병 이미지가 있습니다. 데스크톱에서는 좋지만 스마트 폰에서는 100 %가 아닙니다.

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

Answer 1

이된다

이것은 데스크탑

에 보이는 그리고 이것은이

이

CSS 갤럭시 S6에 모습입니다 어떻게 # 외부 메뉴 - 음식이 너비를 차지하기 때문에 뷰포트와 배경은 해당 점으로 만 늘어납니다. 모바일에서 제대로 표시되도록 웹 사이트의 모든 것을 재구성해야 할 수도 있습니다. 특정 해상도 다음에 너비와 물건으로 지정한 고정 값을 제거하고 백분율 값을 부여하는 것을 고려하십시오.

약자로 media queries을 작성하면 휴대 기기에서 문제가 해결됩니다.