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

新手上路,请多包涵

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

阅读 9.4k
2 个回答

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

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

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

  1. 父元素设置font-size为px,文字字体单位用em

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏