css如何让视频内容放大缩小不失真

html-css010

css如何让视频内容放大缩小不失真,第1张

1、首先打开css视频制作播放软件，进入主界面。

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%

}

方法一：

<div><img src="images/image-a.gif" width="310" height="310" /></div>

方法二：

<div class="pic"><img src="images/image-a.gif" /></div>

在css样式表中加入

.pic {width:数值pxheight:数值px}