Html 调整浏览器大小时调整文本大小

我对整个网络开发都是新手，所以我没有太多的知识

基本上，我想做的是当浏览器窗口变小时，使固定位置的文本变小。有人向我建议过媒体查询，但从我所读到的内容来看（可能是错误的），它们与设备屏幕大小有关，而不是浏览器窗口的大小

我想使用固定定位，因为我不希望文本与页面的其余部分一起滚动，但当浏览器窗口大小减小时，我需要更改文本大小。当前，当我调整浏览器窗口的大小时，一些文本会从屏幕上消失。我尝试在CSS样式表中输入%height属性，但没有帮助

到目前为止，我只使用了CSS和HTML

---

任何帮助都可以使用浏览器的宽度：

“宽度”媒体功能描述目标显示器的宽度 输出设备的面积。对于连续介质，这是 视口（如CSS2第9.1.1节[CSS21]所述），包括 渲染滚动条的大小（如果有）

§4.1

请注意，这与设备宽度不同：

“设备宽度”媒体功能描述渲染的宽度 输出设备的表面。对于连续介质，这是宽度 屏幕的另一端

---

例子 （前后调整预览窗格的大小）

• （按问题）

你好，世界
@介质和全部（最小宽度：400px）{
.调整大小{
字体大小：14px；
}
}
@介质和全部（最小宽度：600px）{
.调整大小{
字体大小：32px；
}
}

---

• 另见：

---

调整文本大小不是一个好主意，请阅读更多有关HTML和换行标记的信息。检查这个-它仍然不起作用（尽管这可能是因为我做错了什么）。我真的很困惑。我使用%值设置宽度属性，当我修改浏览器的宽度时，所有内容都会重新调整。即使在修改高度时输入的高度为%，也不会发生任何情况。我可以用“最小宽度”替换“最小高度”来使用上述媒体查询代码吗？因为我试过那样做，但是没有用。尽管我刚刚想到，也许我需要在HTML或样式表中添加一些东西，以使代码正常工作？@k.s-你能创建一个显示你尝试了什么和什么不起作用的程序吗？

<div class="resize">hello world</div>

@media all and (min-width: 400px) {
    .resize {
        font-size: 14px;
    }
}
@media all and (min-width: 600px) {
    .resize {
        font-size: 32px;
    }
}