我有一个可以放在一起的网站,它的固定长宽比大约16:9等于风景,例如视频。
16:9
我想使它居中并扩展以填充可用的宽度和可用的高度,但不要在任何一侧变大。
例如:
我一直在研究两种方法:
div
我知道您可以使用JS轻松完成此操作,但是我想要一个纯CSS解决方案。
有任何想法吗?
现在指定了一个新的CSS属性来解决此问题:object-fit。
object-fit
仍然缺乏浏览器支持当前,除了Microsoft以外,大多数浏览器都可以在某种程度上发挥作用-但是给定时间,这正是此问题所需要的。