Html 我可以改进什么来做出响应性设计

当调整标记的大小脱离其父级时，如何调整 使其具有响应性并保留在HTML代码中。我就是这么想的 我想用HTML和CSS来实现：我试图把所有东西都包装成一个div，这样我就可以使用绝对元素来控制元素，这样我就可以把它放在中间。

提前感谢您的建议，以帮助我在未来制作好的网站

@导入url（'https://fonts.googleapis.com/css?family=Didact+哥特式‘）；
html，正文{
身高：100%；
}
身体{
保证金：0；
背景色：#eee；
}
标题{
高度：100vh；
背景尺寸：封面；
位置：相对位置；
身高：100%；
背景图像：url（“/images/background.jpeg”）
}
.文本{
位置：相对位置；
宽度：100%；
身高：100%；
}
.text1{
字体大小：35vh；
位置：绝对位置；
最高：5%；
左：5%；
颜色：#fff；
字体大小：粗体；
保证金：0；
高度：自动；
}
.text2{
保证金：0；
字体大小：35vh；
位置：绝对位置；
左：33%；
最高：40%；
字体大小：5vh；
文本转换：大写；
}
.text3{
位置：绝对位置；
左：15%；
最高：50%；
宽度：50vh；
高度：自动；
保证金：0；
字体大小：4vh；
字体大小：粗体；
字体：斜体；
字体系列：“Didact哥特式”，无衬线；
颜色：#fff；
}
.text4{
位置：绝对位置；
左：15%；
最高：65%；
保证金：0；
宽度：50vh；
字体大小：粗体；
字体：斜体；
颜色：#fff；
字体系列：“Didact哥特式”，无衬线；
}

-20%
拉巴特
Lorem ipsum door sit amet，一位杰出的职业经理人，在劳动和就业方面都是临时雇员。设施水平是在酒后驾车时产生的。

Lorem ipsum door sit amet，一位杰出的领导者，在劳动和就业方面都是临时的。设施水平是在酒后驾车时产生的。

在头部标签中使用此选项，尽量不要将绝对位置用于内部控制

<style>
p{
   work-break: break-all;
}
</style>

p{
工作休息：打破一切；
}

除了@tosta的评论外，最好不要使用

位置：绝对太多了。响应性设计的全部要点是让元素在所有视口大小中自由回流。谢谢，我会记住这一点