2、其次通过百分比设置宽度内容,根据宽高比16:9,计算出高度的百分比数值,设置内边距为高度的数值。
3、最后在点击设置找到内容放大缩小点击保真选项保存推出即可不失真。
为了嵌入并使其自适应长宽,准备了一个非常有用的CSS技巧。在我进一步之前,引入介绍这个CSS技巧。 部分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%
}