我正在尝试使用Bootstrap和Foundation为node.js express路由进行前端工作.我想知道Bootstrap是否有任何方法可以获得与Foundation相同的Flex Video功能(据我所知,它是基于屏幕大小的自动调整大小)?
编辑:
关于Peter Wooster的答案,如果有一个可以在没有框架的情况下轻松完成的解决方案,为什么人们会对Flex-Video做出如此重大的讨论呢?
诀窍是将视频包装在宽度为100%的div中;高度:0; padding-bottom:66%或您希望视频拥有的任何宽高比.将视频的宽度和高度设置为100%.该div将正确缩放并保持其宽高比,视频将填充它.
编辑:这个技巧不是新的,只是不为人所知,这里有一篇2009年的文章描述它:http://alistapart.com/article/creating-intrinsic-ratios-for-video.幸运的是,不再需要IE5-6 kludges.