景观中的移动网站不会向下滚动

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
}

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

Answer 1

使用Jquery设置图像的高度。

示例：

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