css - 引导图像高度对移动设备没有响应
问题描述
制作一个从导航栏下方顶部开始的图像的网站,我使用的是 Bootstrap 4 和 css。对于大屏幕,我使用背景图像来确保图像拉伸整个屏幕宽度。对于我使用的移动版本
<div class="container-fluid">
<div class="row leftmargin-row"
<img src="images/1920 x 580 2.jpg" alt="child-pic"
class="img-responsive img-fluid">
</div>
解决方案
<div class="container-fluid">
<div class="row leftmargin-row">
<img src="images/1920 x 580 2.jpg" alt="child-pic"
class="img-responsive img-fluid">
</div>
</div>
我想你忘了在 div 之后关闭尖括号......
推荐阅读
- java - 表超过 itext7 中的 OccupiedAreaBBox
- node.js - 确定 http 端点何时停止发送 POST 请求
- reactjs - 通过相对高度和宽度在 ReactJS 中的图像上添加文本
- c# - 在 GMap.NET 中移动地图标记
- c - 从文件中读取时,新行会破坏我的入队和推送方法
- python - 计算列表内列表的长度
- c# - Checking if linerenderer collided with a gameobject
- swift - 使用 swift 代码将 web 视图上的 pdf 共享到其他设备
- git - Gitlab CI/CD 部署到本地服务器
- jsp - 选择 a 时 JSTL 设置变量会话