nyroModal根据页面大小而不是浏览器大小调整大小

我有一个链接到打开nyroModal的图像。除了Modal窗口放置在页面中间而不放在浏览器窗口中间的事实之外，一切都很好。这使得只有图像的上半部分可见。我应该注意到，图像非常大，我只是希望nyroModal根据浏览器大小调整图像大小。nyroModal根据页面大小而不是浏览器大小调整大小

这里的问题的截图：http://imgur.com/TFDsujI

的它工作得更好，但仍然有问题截图：http://imgur.com/q1mTkKL

有没有什么办法让这个nyroModal放置窗口，调整其大小基于浏览器的窗口大小而不是页面大小？

编辑：我一直试图解决这个问题，并记录了一些关于它的更多细节。 1.此问题仅在Firefox和Chrome中存在。 IE的最新版本绝对没有问题。 2.模式窗口似乎在整个页面高度下正好打开50％。这意味着如果页面足够长，模式窗口将完全在视图端口之外。 3.无论图像大小，还是根本没有内容，该窗口将在同一位置打开。

我已经通过邮件将nyroModal的开发者作为最后一个努力的邮件，并没有收到任何回复。

这是在我使用nyroModal代码：

<div class="segment" 
onmouseover="document.getElementById('hypocricy').style.display = 'block';" 
onmouseout="document.getElementById('hypocricy').style.display = 'none';"> 
    <div id="hypocricy" style="display:none;"> 
     <div id="thumbDescription"> 
     <h2>Hypocricy Sculpture</h2> 
     <div class="thumbDescriptionLinks"> 
      <div class="thumbDescriptionLinkBox"> 
      <a href="projects/hypocricy/hypocricy1.jpg" class="nyroModal" rel="gal-hypocricy">zoom</a> 
      <a href="zoom-images/hypocricy2.jpg" style="display:none;" class="nyroModal" rel="gal-hypocricy" ></a> 
      <a href="zoom-images/hypocricy3.jpg" style="display:none;" class="nyroModal" rel="gal-hypocricy" ></a> 
      </div> 
      <div class="thumbDescriptionLinkBox"><a href="hypocricy-process.html">process</a></div> 
     </div> 
     <p>A sculpture of two intersecting heads made up of layers of bass wood.<br/><br/> 
     For this, I cut many evenly spaced slices out of a 3d head model. Importing the top view of these cross sections into Illustrator allowed me to cut them out of a sheet of bass wood via laser cutter. The slices were then assembled into two separate heads using circular spacers between each slice.</p> 
     </div> 
    </div> 
    <img src="work/school-thumbs/hypocricy.jpg" /> 
</div>

有基本上是一个正方形的DIV，与顶部的另一个正方形的DIV，这是隐藏的。一旦你把鼠标放在下面的div上，隐藏的div就会变得可见，并且在nyroModal图像里面有一个链接。

来源

2014-01-16 redshirt1000