Question

编辑：当高度分辨率低于整个页面时，可以在此页面中看到会发生什么（例如：1024x768）：http://www.depositosalto.com.br/pagamentos.php

我尝试使用带有javascript的页面内容调整div的大小，以使页面在较小时始终适合整个屏幕。

我正在使用以下javascript，它适用于其他导航器（Firefox，Opera）。在Chrome中它也调整了div的大小，但与其他人不同，它不会推动内容div下方的页脚div。

在Chrome中有什么方法吗？

function defineContentHeight(height){       
  var screenHeight = window.innerHeight;                
  if (screenHeight > (height + 220)){
    height = screenHeight - 220;                
    document.getElementById("content").style.height = height + "px";        
  }
  else{                     
    document.getElementById("content").style.height = height + "px";        
  }
}

Answer 1

“conteudo”div中的内容是浮动的，因此不计算高度;你可以做以下两件事之一：

将“overflow：auto”样式添加到“conteudo”div，这通常是安全的，或者

在“conteudo”div的最底部添加一个样式为“clear：both”的div

对于它的价值，我没有在Chrome 11中看到你的错误，但我的猜测是其中一个可能会修复它。

在Chrome中调整div的大小有问题

1 个答案: