我正在考虑在使用node.js express路由的前端工作中选择Bootstrap或Foundation。我想知道Bootstrap是否有类似Foundation的Flex Video功能(根据屏幕大小自动调整大小)的等效功能?
编辑: 关于Peter Wooster的答案,如果没有框架就可以轻松解决问题,那么为什么人们还要如此大费周折地使用Flex-Video呢?
我正在考虑在使用node.js express路由的前端工作中选择Bootstrap或Foundation。我想知道Bootstrap是否有类似Foundation的Flex Video功能(根据屏幕大小自动调整大小)的等效功能?
编辑: 关于Peter Wooster的答案,如果没有框架就可以轻松解决问题,那么为什么人们还要如此大费周折地使用Flex-Video呢?
Bootstrap具有响应式嵌入功能:http://getbootstrap.com/components/#responsive-embed
这只是一个没有实际意义的例子,仅为了避免SO(StackOverflow)官员投诉“仅链接答案”的麻烦。
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="…"></iframe>
</div>
width:100%; height:0; padding-bottom:66%
或所需宽高比的div中。将视频的宽度和高度设置为100%。该div将适当缩放并保留其宽高比,视频将填充它。