如何使用px自动响应页面，比如使用rem

Question

当我们使用rem时，我们可以自动控制整个页面的大小来响应一个页面。

例如：

div{
    font-size:20rem;
}

@media only screen and (max-width: 576px)
{
    html{
        font-size:20%;
    }
}

但是当我们使用px时，我们能做什么呢？？

Answer 1

您可以在样式表中使用calc()函数来计算所需的任何值。例如：

width: calc(100% - 20px);

您也可能希望检查文档。