如何保持拉力賽單選按鈕字段保持相同的大小，同時調整窗口大小

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像素。