简单CSS实现嵌入FLASH视频或图片可以自适应长宽

发布时间:2019-12-09 11:30:20   分类:网页代码0
其实开发出一套响应式前端相对来说还是很简单,难的是如何对响应式模版中的各种元素调节自适应!比如图片OR视频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等等。大家可以自己研究测试下。
QQ咨询