你可以使用CSS的`vw`和`vh`单位来实现这个效果。这两个单位分别代表视窗宽度和视窗高度的百分比。 例如，你可以设置字体大小为`2vw`，这样当窗口宽度变化时，字体大小也会相应地变化，始终保持为窗口宽度的2%。 ```css div { width: 100px; /* 或者任何你想要的宽度 */ height: 100px; /* 或者任何你想要的高度 */ } div p { font-size: 2vw; } ``` 注意，这种方法可能会导致字体在非常小的窗口尺寸下变得难以阅读，或者在非常大的窗口尺寸下变得过大。你可能需要添加一些媒体查询（media queries）来在特定的窗口尺寸下改变字体大小。 如果你的目标是在响应式设计中保持文本的可读性，你可能需要考虑使用CSS的`rem`单位，然后根据屏幕尺寸调整根元素的字体大小。例如： ```css html { font-size: 16px; /* 这是默认值 */ } @media (min-width: 500px) { html { font-size: 18px; } } @media (min-width: 800px) { html { font-size: 20px; } } div p { font-size: 1rem; /* 这将始终是根元素的字体大小 */ } ``` 在这个例子中，当屏幕宽度大于500px时，文本的大小会增加到18px，当屏幕宽度大于800px时，文本的大小会进一步增加到20px。 [2023-11-20 22:48:37 | AI写代码神器 | 358点数解答]