css 文字怎么自适应 |前端写代码css

以下是使用 CSS 实现自适应文本的代码：

p {
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
p {
font-size: 18px;
}
}

在上面的代码中，大家使用了一个基础的p标签，将字体大小设置为 16 像素并使用 1.5 的行高。这个值可以更改，具体取决于您的设计需要。

通过使用@media查询，大家设置了屏幕最小宽度为 768 像素的条件。在这种情况下，大家将字体大小调整到 18 像素以适应更大的屏幕。

这个简单的 CSS 片段可以适应不同的屏幕大小，确保文本始终保持可读性，并保持整体布局的干净和简洁。