Html 当浏览器变小时，是否既可以捕获浏览器的宽度，又可以调整内容

这里有一个例子。例如，如果我将body设置为70em，然后根据此规则调整浏览器宽度

@media only screen and (min-width: 481px) and (max-width: 1024px)
{
    body
    {      
        background : #B0E0E6 url(img/bg.jpg) no-repeat;
    }
}

宽度介于481px和1024px之间时为真。 但是当我在正文中给出

宽度：70em

时，当我将浏览器的宽度变小时，内容不会被调整

如果我现在更改一点，并将主体中的宽度设置为80%，那么当浏览器的宽度变小时，内容将自动变小

在我看来，当浏览器在481px和1024px之间时，不可能同时捕捉到内容，当浏览器宽度变小时，内容也不可能变小

---

所以我的问题是，当浏览器的宽度在481px和1024px之间时，是否可以捕捉到，同时当浏览器的宽度设置为70em时，是否可以自动调整正在调整的内容。这是一个固定的宽度（或多或少考虑到它是基于字体大小）。在媒体查询中，您不在任何位置设置宽度。你只需要设置背景。您需要在媒体查询中调整要调整大小的对象的宽度。所以如果你有

body{
   width:70em;
}

@media only screen and (min-width: 481px) and (max-width: 1024px)
{
    body
    {      
        background : #B0E0E6 url(img/bg.jpg) no-repeat;
        width: 50em;
    }
}

---

这将根据指定的媒体查询调整主体的大小。此外，您可能希望查找CSS单元，以确保使用em（因为根据您的描述，%可能满足您的需要）：

但是，正如我在正文中给出的宽度为70em时提到的，例如，当我将浏览器变小时，我在段落中的内容（例如p标记）不会收缩。那我该怎么解决呢？假设我理解你的问题，我有个问题。你为段落设置了固定的大小吗？如果是这样，则会导致在实体调整大小时，它不会调整大小。