其实开发出一套响应式前端相对来说还是很简单,难的是如何对响应式模版中的各种元素调节自适应!比如图片OR视频FLASH。今天就卖弄一下,教大家如何在响应式网站中通过简单的CSS代码实现视频FLASH的自适应!
简单CSS实现嵌入FLASH视频自适应长宽-技术宅

CSS代码

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

代码的应用

总结

其实像这种应用可以用到很多模版中,比如EMLOG,WORDPRESS等等。大家可以自己研究测试下。