钉钉tab打开,宜搭的自定义页面,如何实现视频组件自适应尺寸
可以参考下述配置:父容器样式:
:root {
display: grid;
gap: 16px;
grid-template-columns: repeat(2, minmax(0px, 1fr));
padding: 16px;
}
子容器样式:
:root {
border-radius: 8px;
overflow: hidden;
}
视频播放样式:
:root {
display: inline;
}
最终效果(窄屏):最终效果(宽屏):视频播放器会随着屏幕的宽度自适应大小。
赞1
踩1