html - 有没有办法为所有缩放级别保持 div 的最大高度和最大重量

Question

我正在开发一个网络应用程序。我想将 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