Html 如何制作<；人力资源>；标签响应？

我使用HTMLCSS和引导创建了一个页面。我的水平线标签有问题。当窗口大小更改为超小时，需要帮助解决此问题吗

当我给hr标签400px时，它在全屏上运行良好，但当屏幕大小减小到低于500px的移动大小时，它看起来不太好，所以我尝试了90%的宽度，然后它在超小屏幕上运行良好，但当屏幕变小或更大时，它在水平方向上会占用更多空间，这是我不想要的

正文{
颜色：白色；
字体系列：Lato；
背景：url（purrfectimage.jpg）；
背景重复：无重复；
背景尺寸：封面；
背景位置：中心；
背景附件：固定；
}
#内容{
文本对齐：居中；
垫面：25%；
文本阴影：0px 4px 3px rgba（0,0,0,0.4），0px 8px 13px rgba（0,0,0,0.1），0px 18px 23px rgba（0,0,0,0.1）；
}
人力资源{
宽度：400px；
边框顶部：1px实心#F8；
边框底部：1px实心rgba（0,0,0,0.2）；
}
h1{
字号：700；
字号：5em；
}
html{
身高：100%；
宽度：100%；
}
.custom-toggler.navbar-toggler{
边框颜色：rgb（255、255、255）；
}

Purrfect匹配
Purrfect匹配
唯一的人类猫约会应用程序

开始吧！

大家好，欢迎来到Stackoverflow。试着看看这个网站，在那里你可以阅读关于

vw

和

vh

，它们是对屏幕大小做出响应的单元：）

---

大家好，欢迎来到Stackoverflow。试着看看这个网站，在那里你可以阅读关于

vw

和

vh

，它们是对屏幕大小做出响应的单元：）

---

像素值不会响应。。。另外，你的问题很模糊。我会检查，和百分比单位/大众单位。只需更改

宽度：400px

到

宽度：60%

或任何你想要的东西像素值都不会有响应。。。另外，你的问题很模糊。我会检查，和百分比单位/大众单位。只需更改

宽度：400px至
宽度：60%
或任何您想要的