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

html-css012

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

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

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

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

父级的div的width：100%；height：固定值，如果设为position：relative的话，子级的div用position：absolute。如果你怕因为屏幕的大小而不好设置的宽高的话，建议你顶部导航和底部版权栏的盒子设为width：100%； 中间正文部分就用固定width，margin：0 auto居中，中间的div全部居中就不会因为屏幕尺寸影响太大，最多是比例的问题。

最简单的 就是给你看下原理 你可以自己修改

<span style="font-size:16px" onclick="this.style.fontSize=(parseInt(this.style.fontSize.replace('px',''))+2)+'px'">单击放大文字</span>

顺便说明parseInt是把字符串变数字 replace是把取得的css属性里的px去掉 原css里字体大小使用font-size控制 在js里对这种中间有横杠的都需要把横杠去掉并把第二个单词的首字母大写