html - HTML 和 CSS 中的响应式标题背景图像
问题描述
您好,我正在尝试为我兄弟的公司建立一个网站,但在 HTML 和 CSS 中设置带有响应式背景图像的标题时遇到了很多问题,如果有人知道出了什么问题会很有帮助,这是到目前为止我尝试过的
.backimage {
height: 100vh;
min-height: 500px;
background-image: url('Images/fuente.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
<header class="backimage">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 text-center">
<h1 class="font-weight-light">text1</h1>
<p class="lead">text2</p>
</div>
</div>
</div>
</header>
解决方案
推荐阅读
- reactjs - 用酶进行反应测试:内部成分的设定值
- wordpress - Razorpay 与联系表 7 的快速支付集成
- sql - 如何在新列中返回结果
- python - 如何使用 python 在终端的最后一行修复进度条?
- flutter - 如何为仅限于实例的复选框小部件定义变量?
- clickhouse - 为什么我不能将 clickhouse json 函数应用于“FORMAT JSON”查询结果?
- caching - 清除 GitHub Actions 中的缓存
- oracle - Informatica 中的动态 SQL
- javascript - 有没有一种方法可以用随机数填充数组而不在 React Native 中重复?
- bash - 编程之谜 - 如何创建名为“--help”的文件