css - Openlayers css中的百分比

Question

我正在尝试调整地图窗口以适应不同的计算机和分辨率，但我遇到了一些问题，我做不到。

我现在在css中有这个：

#basicMap { 
      width: 828px; 
      height: 698px; 
      margin: 10px; 
      float: left; 
 } 
 html { 
      font-size: 10px; 
      bottom: 10px; 
      right: 10px; 
 } 

在函数 ini() 中：

map = new OpenLayers.Map ("basicMap", {
    controls:[.....]});

在我的 div 中：

 <div id="basicMap" ></div>

它工作正常，但是当我尝试将 828px 和 698px 更改为 70% 和 50% 或其他百分比时，地图未显示。

我的网页中有其他 div，但我还没有指定它们的百分比或 px。

我是否需要做其他事情，或导入另一个文件？