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

html-css015

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

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

2、其次通过百分比设置宽度内容,根据宽高比16:9,计算出高度的百分比数值,设置内边距为高度的数值。

3、最后在点击设置找到内容放大缩小点击保真选项保存推出即可不失真。

很好处理啊,

第一个div你设定float:

leftwidth:

200px

第二个div你却不一定非要加float:

left

并排可以用其他方法的

第二个div你可以设margin-left:200px

因为div默认是最大宽度,所以浏览器宽度改变的时候,第二个div宽度也就会改变,举例如下:

<div

style="width:

200pxheight:

100%float:

leftbackground-color:

Red"></div>

<div

style="margin-left:200px

height:

100%background-color:

Black"></div>

还有另一个方法:

<div

style="width:

200pxheight:

100%float:

leftbackground-color:

Red"></div>

<div

style="

overflow:hidden

height:

100%background-color:

Black"></div>