반응 형 Fotorama. 중간 div에 응답하는 방법?

Question

사이트에 Fotorama 갤러리를 추가했지만 모바일 장치에서는 반응이 없습니다. 내 생각에, 데이터 너비 = 100 %이고 이미지 또는 중간 div의 폭을 사용하기 때문입니다.

<div class="wrapper"> 
... 
<div class="middle"> 
<div class="gallery"><div class="fotorama" data-nav="thumbs" data-arrows="true" data-click="true" data-swipe="true" 
    data-width="100%" 
    data-ratio="800/600" 
    data-maxwidth="889" 
    data-maxheight="604" 
    data-loop="true"> 
... 

과 CSS :

#wrapper { 
    max-width: 960px; 
    margin: 0px auto; 
    min-height: 100%; 
    position: relative; 
    background-color: #fbfbfb; 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.47); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.47); 
    box-shadow: 0 0 10px rgba(0,0,0,.47); 
} 

.middle { 
    width: 100%; 
    padding: 1% 0 2%; 
    position: relative; 
    display: table; 
} 

.gallery {margin: 1.1% 3% 0 3%;} 

웹 페이지 : http://lfk-br.com.ua/gallery.html

Answer 1

내가 문제 in your code를 볼 수 없습니다.

아마 당신은 필요 페이지의 머리에

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> 
<meta name="HandheldFriendly" content="true"> 

, 그것은 모바일 장치에 적응 된 것으로

항에 그들은 자동 줌을 사용하지 않도록.