Jquery 如何使CSS轮廓与动态元素高度匹配
我在这一页的标题中有一个提纲： 我使用一个媒体查询来更改使用vw的标题文本大小，但我不知道如何使插入的大纲匹配到合适的大小Jquery 如何使CSS轮廓与动态元素高度匹配,jquery,css,dynamic,outline,Jquery,Css,Dynamic,Outline,我在这一页的标题中有一个提纲： 我使用一个媒体查询来更改使用vw的标题文本大小，但我不知道如何使插入的大纲匹配到合适的大小 做这件事的最好方法是什么，这样我就不必做大量的媒体查询了？谢谢。你真的需要简化事情。你有比你需要的更多的元素。您正在设置很多高度（似乎不需要）和一些无关紧要的样式属性。最终，这一切对你不利，而不是有帮助 下面是一个简单的演示你可以做什么。最终，它是一个块级元素，具有规则的边距、边框和一些内部有文本的填充。它根据内容的大小调整大小。通过媒体查询根据需要调整字体大小 正文{
做这件事的最好方法是什么，这样我就不必做大量的媒体查询了？谢谢。你真的需要简化事情。你有比你需要的更多的元素。您正在设置很多高度（似乎不需要）和一些无关紧要的样式属性。最终，这一切对你不利，而不是有帮助 下面是一个简单的演示你可以做什么。最终，它是一个块级元素，具有规则的边距、边框和一些内部有文本的填充。它根据内容的大小调整大小。通过媒体查询根据需要调整字体大小
正文{
保证金：0；
背景色：印度红；
}
标题{
位置：固定；
排名：0；
右：0；
左：0；
z指数：1030；
}
.品牌{
显示：块；
利润率：3vw；
填充：2rem；
颜色：白色；
字体大小：4vw；
文本对齐：居中；
文字装饰：无；
边框：1px纯白；
}
.品牌h1，
.品牌h2{
保证金：0；
}
.品牌h2{
字体大小：2vw；
}
.英雄{
高度：100vh；
背景图像：url（'http://placehold.it/1600x1600/fc0' );
背景重复：无重复；
背景尺寸：封面；
}
.英雄img{
显示：块；
身高：继承；
最大宽度：100%；
}
洛雷姆·伊普苏姆·多洛。
洛雷姆·伊普苏姆·多洛。
洛雷姆·伊普苏姆·多洛。
洛雷姆·伊普苏姆·多洛。