有沒有辦法保持所有縮放級別的div的最大高度和最大重量

Question

我正在處理一個Web應用程序。我想將div的寬度和高度設置爲固定編號，無論縮放級別如何。該div內的內容可以通過瀏覽器縮放級別進行放大和縮小。我可以更改所有縮放級別的div背景顏色，但似乎最大高度和最大權重不適用於縮放。

@media (min-width:547px) and (max-width:683px) 
{ 
    #rcorners1 
    { 
     background-color:grey; 
     max-width: 200px; 
     max-height: 150px; 
    } 
} 

jsfiddle example

Answer 1

你需要改變你的媒體查詢使用em的，而不是pixel的。

對於一些進一步的閱讀，請上網：css-tricks

Answer 2

你有沒有注意到在最大寬度的錯字？

@media (min-width:547px) and (max-width:683px) { 
    #rcorners1 
    { 
     background-color:grey; 
     max-width: 200px; 
     max-height: 150px; 
    } 
}