我正在试图弄清楚我不熟悉的软件是如何工作的。有一个Adobe Flex页面，它以240120的帧显示了来自摄像头的流视频。如果您双击视频帧，您会看到一个新的帧，它以480240的大小显示视频。

问题是：较小的帧240*120只显示大视频帧中所示内容的左上角部分，大视频帧显示完整的视频图像。细节是一样的。

我想要实现的是，完整的视频也显示在较小的帧。

如果我在软件中搜索Size 240和120，我会找到一个jsp，其中包含以下css代码片段：

.video {
   height = "120", width = "240"
}

我将该css代码片段替换为

.video {
   height = "100%", width = "100%"
}

但这并没有起到任何作用。

有谁有线索吗？

提前谢谢！

• 后脚本：*

@Lars：我是在周末的时候从头顶上写下我的问题的。你的建议我已经实施了。然而，我发现我把它应用到了错误的jsp。我通过在浏览器中查看源代码验证了是否部署了以下内容：

# intercomIframe {

    position:absolute;
    width:100%;
    height:100%;
    right:60;
    bottom:75;
    z-index:5"  
}

原始值为：

# intercomIframe {

    position:absolute;
    width:165px;
    height:128px;
    right:60;
    bottom:75;
    z-index:5"  
}

如果我双击视频，我会进入一个灵活的屏幕(扩展名为.mxml)，并完整显示相同的视频。该视图的负责代码的一部分：

<components:FilterBar 
  id="filterBar" 
  visible="{enableFiltering}"
>
  <system:VideoSourceControlBox 
    id="videoSourceControl" 
    stationId="{station.id}" 
    autoSelect="true" 
    startSource="showVideo(true)" 
    stopSource="showVideo(false)" 
  />
</components:FilterBar>

<mx:Box 
  width="100%" height="100%" 
  backgroundColor="#e7ebf1" 
  paddingTop="15" paddingBottom="15" 
  paddingRight="15"paddingLeft="15"
>
  <mx:VBox 
    width="100%" height="100%" minHeight="0"
    cornerRadius="8"
    paddingTop="15" paddingBottom="15"
    paddingRight="15" paddingLeft="15"
    borderThickness="1" borderStyle="solid" borderColor="#838383"
  >
    <mx:VBox 
      width="100%" height="100%" 
      id="videoFrameContainer" 
      horizontalAlign="center"
    >
    </mx:VBox>
    <mx:Label 
      id="sourceLabel" 
      text="{_currentSource.name}" 
      width="100%" 
      color="black"
      textAlign="center" 
    />
  </mx:VBox>
</mx:Box>

正是这个代码让我产生了用百分比替换像素的想法，可惜没有成功。