有没有一种方法可以为所有缩放级别保持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示例

Answer 1

您需要将媒体查询更改为使用em的，而不是pixel的。

要了解更多信息，请查看：css技巧

Answer 2

您注意到最大宽度的拼写错误了吗？

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