如何保持拉力赛单选按钮字段保持相同的大小，同时调整窗口大小

Question

在我目前的应用程序，我有一个无线电领域坐在窗口的左上角。我已经给该组件的“单选按钮”一类的名称，并给出以下CSS到组件：

.radio-buttons { 
    margin-left: 70px; 
    margin-top: 30px; 
    border: dotted; 
} 

边框点缀，这样我可以看到部分的轮廓。每当我调整窗口大小时，单选按钮字段会缩小到足以使按钮无法看到。虚线边框仍然可以看到，所以我知道该组件仍在应用程序中，它只是大大缩小。我尝试添加：

position: fixed; 

的单选按钮类，但是这并没有帮助。任何帮助将不胜感激！ [希望这是一个简单的解决方法]

Answer 1

所以，我搜索我的问题计算器之外，发现了以下链接：

http://css.dzone.com/news/how-resize-extjs-panel-grid

本网站回答问题“如何调整面板”，而不是的保持面板的调整，但我偷了下面这行代码，并把它放在我的“单选按钮”类：

position: absolute; 

，现在我的单选按钮字段不调整自身的窗口大小！ 基本上所有我需要做的是改变

position: fixed; 

到

position: absolute; 

这是我最后的CSS类，保持在适当位置的单选按钮：

.radio-buttons { 
    position: absolute; 
    margin-left: 70px; 
    margin-top: 30px; 
} 

Answer 2

在你的CSS，你可以指定类或ID的最小宽度和高度。你可以试试下面的：

.radio-buttons { 
    margin-left: 70px; 
    margin-top: 30px; 
    border: dotted; 
    width: 20%; 
    height: 20%; 
    min-width: 50px; 
    min-height: 50px; 
} 

这将宽度和高度设置窗口大小的20％，除非小于50像素。