Jquery 反应灵敏的福托拉马。如何响应中间div?
我已将Fotorama gallery添加到该网站,但它在移动设备上没有响应能力。我认为,因为数据宽度=100%,它使用图像宽度或中间divJquery 反应灵敏的福托拉马。如何响应中间div?,jquery,html,css,responsive-design,fotorama,Jquery,Html,Css,Responsive Design,Fotorama,我已将Fotorama gallery添加到该网站,但它在移动设备上没有响应能力。我认为,因为数据宽度=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="
<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">
...
网页:我看不出有问题
也许你只需要:
在您的页面标题中,声明它已适用于移动设备
他们不应该使用自动缩放
#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%;}