Html-理解前端开发中单位(em单位和rem单位)和网络地址

可可

可可

效果图

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

可可

可可

可可

可可

max-width min-width

总结：

px像素

em相对单位相对于父元素的大小(不推荐使用)

rem相对单位，相对于根元素r=root根配合jsrem布局使用

vw：viewport视窗的宽度 百分百视窗的宽度100vw

vh：viewport视窗的高度百分百视窗的高度100vh

最大的宽度max-width

最小的宽度min-width

最小的高度max-height

最大的高度min-height

如果出现大于或者小于设置的某个单位时，会出现滚动条

二、html文件地址

| 绝对地址 | 相对地址 |

| — | — |

| 不会随着文件的路径进行改变，而使路径改变 | 相对于当前的路径，会因为当前文件的位置而使得相对路径改变。随着文件的路径进行改变浏览器会根据当前的位置拼接具体路径 |

| 正常的绝对路径 |

| — |

| 协议+域名+文件路径+文件名称 |

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
14863028128)]

[外链图片转存中…(img-ExPzzakV-1714863028128)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！