CSS
子元素字体大小随着父元素高度变化而变化的问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区
.div_title{margin-top:0px;width: 100%;height: 10%;background-color: blue;}
<div class="div_title">
<span class="div_title_span"> 用 气 量 分 析</span>
</div>
上面是html里面的代码，我想把span里面的字体大小设置成父级元素高度的80%，并且画面放大或者缩小的时候，字体大小也随之变化，求大神教教怎么设置！谢谢
相关推荐
轻松掌握CSS3中的字体大小单位rem的使用方法
rem是css3新定义的设置字体大小属性,rem大小都是以html的字体大小设置为参考值进行一个字体大小缩放,下面就带大家来轻松掌握CSS3中的字体大小单位rem的使用方法:
实现响应式字体大小调整的jQuery特效
通过本案例分析，我们实现了博客网站的响应式设计，使得字体大小能够根据用户的设备屏幕进行动态调整。在项目完成后，我们收集用户反馈并进行性能监控，确定是否还有优化空间。未来可以考虑引入机器学习算法来动态调整字体大小，以适应用户的阅读偏好。同时，随着Web技术的发展，我们也可以探索使用CSS新特性如calc()函数和vwvh单位来提供更灵活的字体大小调整方案。本文还有配套的精品资源，点击获取简介：在前端开发中，动态调整字体大小以适应不同设备和屏幕尺寸是实现良好阅读体验的关键。
彻底掌握CSS中的percentage百分比值使用
百分比旨在相对于父元素的相同属性的大小。如果用来设置字体，则相对的就是父元素的字体大小。大多数浏览器中<html> 和<body> 标签中的默认字体尺寸是100%. CSS Code复制内容到剪贴板 html {font-size: 100%;} body {font-size: 100%;} 100% = 1em = 16px = 12pt 如果用来设置宽和高等非字体尺寸，则以百分比为单位的长度值是基于具有相同属性的父元素的长度值。 CSS Code复制内容到剪贴板 <!DOCTYPE html> <html> <h
CSS使用calc()获取当前可视屏幕高度的实现
先了解一下CSS3的相对长度单位(参考详细教程) ： 相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。 em 它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px； ex 依赖于英文字母小 x 的高度 ch 数字 0 的宽度 rem 根元素（html）的 font-size vw viewpoint width，视窗宽度，1vw=视窗宽度的1% vh viewpoint height，视窗高度，1vh=视窗高度的1% vmin vw和vh中较小的那个。 vma
网站字体大小 CSS该重新改写？
很长一段时间，我都使用12px作为网站的主要字体大小。10px太小，眼睛很容易疲劳，14px虽容易看清，却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。 谁对我的网站字体大小有意见？我老爸，他是第一个向我反映看不清我的网站文字的人。这使我意识到12px，其实只是让我觉得很不错而已，而对于那些视力下降明显的中年以上的人来讲，几乎等于10px对于我的感觉。于是我告诉他，在“查看”里调整“文字大小”就可以了。但是却发现这是徒劳的。在Firefox能轻易调整的字体大小，怎么在IE就变得如此”坚不可调“？ 问题出在哪？我又试着打开中国的三大门户—新浪，网易，搜狐。它们的字体无一例外的在IE里失
