经过我反复验证,我发现只能通过ckplayer所在的div容器以直接设置宽度和高度为多少px的方式才能正确设置其宽度和高度。
(对应的语句style="width: 600px; height: 375px;"
)
哪怕是父元素以语句设置了style="width: 600px; height: 375px;"
也不行,必须在它的div容器上直接设置才行。
其它的方式:
①用Bootstrap的w-25、w-75类;
②用Bootstrap的网格系统;
③以HTML的相对父容器的宽度,比如 style="width: 60%"
都不行。
不过还是有一个比较简单的方式实现ckplyaer的宽度和高度根据父容器自适应。
代码和思路不难,关键在于能否想到这个思路,我把相关代码上传到了CSDN的资源区,代码里注释写得很清楚,大家一看便知。
代码下载链接:https://download.csdn.net/download/wenhao_ir/88686071