html - 横向移动网站不会向下滚动

Question

所以我们有一个移动网站，我们在其中使用图像映射来创建链接等。当设备处于横向状态时，我们遇到了一个问题，我们无法向下滚动以查看完整图像。图像是 640X960。我们正在 Galaxy S4 上进行测试。

HTML

<img src="mobilelandscape.png" usemap="#Mapland" border="0" class = "landscape"  />
<map name="Mapland" id="Mapland">
  <area shape="rect" coords="532,286,879,468" href="contact.php" alt="Contact Us" />
  <area shape="rect" coords="398,497,930,685" href="index.php" alt="My account" />
  <area shape="rect" coords="382,696,907,870" href="newcust.php" alt="New Customers" />
</map>

CSS

.landscape{
    display:block;  
    width:100%;
}

body{
    overflow:auto
}

基本上当图像适合屏幕时，它不会显示整个图像，只显示顶部和 body 似乎切断了其余部分，无法向下滚动并看到图像的其余部分，我们有从不将图像高度设置为 height:100% 尝试了所有方法，我们似乎找不到任何解决此特定问题的方法。有人有什么想法吗？

Answer 1

使用Jquery设置图片的高度。

例子:

$('#thingYouAreHavingIssuesWith').css({
    'height' : $(window).height()
});