Javascript 是否可以在浏览器调整大小时自动减小文本大小？

我已将页面字体设置为

字体大小：0.6875em

现在我想知道，既然我已经使用了所有div的宽度和填充的百分比，那么当我通过拖动窗口（而不是使用JavaScript函数）来调整浏览器大小时，我的文本大小是否会像div一样减小

似乎不是！我知道我可以添加CSS媒体查询，可能有一个JavaScript/jQuery工具用于此，但是当用户拖动浏览器的一角并减小（或增加）窗口大小时，我可以自动减小文本大小吗？或者我必须使用JS/CSS媒体查询吗

如有任何建议，将不胜感激

---

谢谢

是的，您可以使用媒体查询：

@media screen and (min-width: 640px) { body { font-size:12px; }}

这里，当浏览器大小至少变为

640

或以下时，字体大小将为12px

您需要根据需要调整

最小宽度

和CSS选择器

请注意，您可以对不同大小的媒体进行多个查询

更多信息：

---

不，没有JS/media查询是不可能的。百分比始终适用于继承的/初始字体大小。

em

始终是一个相对单位，基于字体大小（通常基于继承的字体大小）。如果您想要始终缩放的对象，请使用不同的单位（但这几乎肯定是错误的-如果有人将视口缩小到其大小的1/4，他们不希望文本也缩小），但我必须这样做吗？文本不会像div那样自动改变大小吗？@MikeSav：是的，当浏览器大小变小时，它会自动改变，正如我上面所示，你在

minwidth

中指定的。我可以将字体大小设置为一个百分比而不是ems吗？还是我只需要咬紧牙关并使用JS/media查询？对不起，我不清楚。我的意思是，可以将百分比设置为字体大小，但这个百分比并不是指任何宽度或高度，而是指父级的字体大小。这意味着它是常数，所以这没有用。