问CSS封面图像没有重新调整
EN

Stack Overflow用户

提问于 2017-03-20 17:50:55

回答 1查看 28关注 0票数 0

我想要一些类似facebook的封面，我在这个社区里偶然发现了这弹琴。

.cover { width: 100%; height: 180px; overflow: hidden; background-color: black; }
.cover > img { position: relative; width: 100%; top: 50%; margin-top: -50%; }

但有一个问题，当我看到封面图像在响应模式，图像重新调整自己！也就是说，在桌面模式下的字节循环驱动程序的头部不显示，但在其他小型设备模式下，驱动器的头部是可见的。

问题：

我怎样才能制作一个像facebook这样持续的、反应迅速的封面图片呢？

请注意，用户将修改封面图像视图，就像facebook一样！

html

css

回答 1

Stack Overflow用户

发布于 2017-03-20 18:17:02

您可以尝试使用background-image，因此可以设置：

background-size: cover;
background-position: center;

这将拉伸图像以填充整个元素，而不会丢失比率。

见更新Fiddle

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42910581

复制

相似问题

问CSS封面图像没有重新调整
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS封面图像没有重新调整EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS封面图像没有重新调整
EN