前端 - CSS 实现自适应文本的头像_个人文章 - SegmentFault 思否
欢迎关注我的公众号：前端侦探Ant-design 中有一个这样的头像组件，当字符串较长时，字体大小可以根据头像宽度自动调整，效果如下当然，这里是通过JS根据字符数量自动缩放文本实现的而现在，仅仅通过
元素的高度 元素高度可变屏幕高度'[CSS]元素的高度 元素高度可变屏幕高度
顺晟科技
2021-09-19 13:18:50
154
<html>元素的高度默认是auto，被内容自动撑开；
：使得html的height与屏幕的高度相等；
50%：使得html的height等于屏幕的一半；
若想让一个<div>的高度与屏幕高度自适应，始终充满屏幕，需要从html层开始层层添加height=
<html>元素没有margin和padding
<body>元素有margin没有padding
因此让body占满屏幕的代码是
html{
height:;//让html的高度等于屏幕
}
body{
height:;
margin:0;
}
注：因为html,body元素的width默认就是,因此在里面的div 设定width=时就能和屏幕等宽
而html,body元素的高度height默认是auto,因此要想让div和屏幕等高，需要改变html和body的height值
相关文章
-
31
2022-10
-
31
2022-10
-
24
2022-10
-
05
2022-10
-
15
2022-09
-
15
2022-09
推荐阅读
随机推荐
- 结束面试每日3 1 ——第793天
- 你一定要知道的css属性值规范
- 浏览器引擎前缀（Vendor Prefix）教程
- 15种基础的可以直接使用的CSS3样式
- CSS设置文本SSSOR Yaher midder Regel light
- python爬行小说网站涉及(js加密 CSS加密)
- css是在背景图片上显示模糊背景色最简单的方法
- html鼠标自定义右键菜单:css js实现自定义html右键菜单
- CSS中缩放属性的作用
- 微信小程序循环 给当前的css样式
- CSS布局之--淘宝双飞翼布局
- CSS3 - 鼠标移入移出时改变样式
- HTML5和CSS3增强功能
- css精灵雪碧图
- css a标签去掉下划线样式
- CSS可以使用white-space属性和word-break属性将文字设置为超出宽度时自动换行并输出 以下小编使用DIV CSS显示字符超过宽度时自动换行的输出
- 创建Eclipse JSP、HTML和CSS文件默认字符集设置为UTF-8
- 微信小程序css篇----flex模型
- vue 自定义步骤条组件（css）
- html.css .