html - div 中的 Flex 显示图片不能完全响应并且不能扩展到全宽

标签 html css flexbox

我无法完全响应 .iv1 和 .iv2 中的 2 张图片。

它们没有显示在 JS 中,对于半缩小的 css 代码感到抱歉:

http://jsfiddle.net/tjpzgcd8/1/

<div class="picwrap">
 <div class="iv1" ><img src="" alt="24 Stunden Taxi"></div>

这仍然是移动优先构建,一切都很好地响应,但我想我错过了房间里的大象。

第 3 行是 img 标签的设置,但它不起作用,我已经尝试了 background: cover 和想到的所有内容,但到目前为止没有任何效果。

图片的包装在第 21 行,div 在 css 文件的第 30 和 31 行。

感谢您的帮助

最佳答案

将容器责任添加到 .iv1 和 .iv2:

{right: 2%;}

对于 img,没有它它只适用于 320px 和更小:

{width: 100%;}

http://jsfiddle.net/tjpzgcd8/2/

关于html - div 中的 Flex 显示图片不能完全响应并且不能扩展到全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32023731/

相关文章:

html - Flexbox 最佳填充

html - 可滚动的 div 效果到其外部 div

html - 简单的 HTML 格式问题

javascript - 从每个页面加载调用 javascript 函数,而其他 html 页面没有任何变化

html - 具有绝对位置和显示表格的div中的水平居中

javascript - Firefox/Chrome 上的滚动条行为 - 隐藏它但能够向上滚动的功能?

react-native - React Native Flatlist 不会在自定义动画底部工作表内滚动

javascript - 如何调试网络 worker

javascript - 将元素添加到另一个元素

css - Vue JS 2 表格标题随内容水平滚动但不垂直滚动