响应式 Fotorama。如何响应中间 div？答案

【问题标题】：Responsive Fotorama. How to responsive it to middle div?响应式 Fotorama。如何响应中间 div？
【发布时间】：2016-03-25 03:29:06
【问题描述】：

我已将 Fotorama 图库添加到网站，但它在移动设备上没有响应。我认为，因为 data-width=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

【问题讨论】：

标签： jquery html css responsive-design fotorama

【解决方案1】：

我看不到问题in your code。

也许你只需要：

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

在您的页面顶部声明它已针对移动设备进行了调整，

而且他们不应该使用自动缩放。

【讨论】：