如何让网页文字,在它的父元素自适应改变文字大小

发布于 2022-09-02 14:11:21 字数 34 浏览 20 评论 0

父元素可以,等比缩小,但文字不能自适应,求大神指点一下

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

べ映画 2022-09-09 14:11:22

这个涉及到字体大小的单位。

一般来说,CSS里面会用到"font-size: 14px;"或者"font-size: 2em;"。

如果使用前者,那么字体大小是不会因为其它页面元素的变化有任何的改变的。
而使用后者,字体大小就与父元素的字体大小相关。1em表示与父元素字体大小一致。2em表示是父元素字体大小的两倍。

绮烟 2022-09-09 14:11:22
  1. 父元素设置font-size为px,文字字体单位用em

  2. html设置font-size为px或百分比,文字字体单位用rem

然后通过媒体查询或其他的黑魔法改变父元素或者html的font-size,文字的大小也会变,但字体大小最小是12px

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文