我正在尝试制作一个div掩码，隐藏超出16：9比例的部分图像。
我已经尝试了很多在这里找到的东西，但他们似乎只关注img是否包含在CSS中，或者你是否将它用作全屏图像。
我有一些比例为4：3的图像，但我们的新网站标准的所有特色图片的比例为16：9。我已经尝试过＆＃34; youtube / vimeo＆＃34;嵌入：
div {padding-top: 56.25%; position: relative; overflow:hidden;}
div img {position: absolute; top:0;left:0; width:100%; height:100%; }
然而，这些都没有解决我的问题。 Here is the closest I can get to duplicating my code.
有什么建议吗？由于兼容性，我无法进行对象匹配。这是通过WordPress完成的。 CSS会是首选，因为我的开发人员使用任何JavaScript都不好意思。由于响应性改变了已经16：9的高度和宽度，因此将宽度设置为px对我来说也不是解决方案。当我向上或向下扩展时，它显然会发生变化。
答案 0 :(得分：0)
我最终使用
div.img-container { display: block; height: 0; padding-bottom: 56.25%; overflow: hidden; }
将图片保持在max-width: 100%; height: auto;