2024年最新Html-理解前端开发中单位(em单位和rem单位)和网络地址，2024年最新2024前端经典面试题

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最后写上我自己一直喜欢的一句名言：世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它

margin: 0 auto;

display: flex;

flex-direction: row;

justify-content: flex-start;

background-color:skyblue;

text-align: center;

}

.d1 {

display: flex;

flex-direction: row;

justify-content: flex-start;

border: 1px solid #424242;

width: 200px;

height: 100px;

font-size: 10px;

background-color: rgb(211, 250, 36);

}

.d2 {

font-size: 2em;

width: 50px;

}

.d4 {

font-size: 20px;

width: 50px;

}

.d3 {

font-size: 2em;

width: 100px;

height: 100px;

}

.d5 {

font-size: 32px;

width: 100px;

height: 100px;

}

可可

可可

可可

可可

可可

效果图

px

一般我都是使用px来设置我们的文本，因为它比较稳定和精确。但是px本身却存在一些问题，当用户在浏览器我们的页面时，如果他改变了浏览器的字体大小，这时会使我们的Web页面布局被打破。这样的话对于关心网页布局展示的用户来说，这就是一个必须解决的大问题。因此，就提出了使用em来定义Web页面的字体。

rem

rem root em，CSS3新增的相对单位，相比于其他CSS3单位（ch，vw，vh，vmax，vmin）移动端兼容性强，android2.1+，iso4.1+。作用和em类似，唯一的区别就是em是相对父元素的，rem是相对html根节点的，即所有使用rem单位的子元素的字体大小都是相对根节点的。

可可

可可

vw、vh

可可

可可

可可

可可

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最后写上我自己一直喜欢的一句名言：世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它