开发者社区 问答 正文

钉钉tab打开,宜搭的自定义页面,如何实现视频组件自适应尺寸

已解决

浏览器打开:image.png

钉钉tab打开:image.png

展开
收起
游客br3ovivgmfdaq 2024-03-12 14:22:34 186 分享 版权
来自: 钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 若回答对您有帮助,记得点下赞同哦 ~
    采纳回答

    可以参考下述配置:
    image.png
    父容器样式:

    :root {
      display: grid;
      gap: 16px;
      grid-template-columns: repeat(2, minmax(0px, 1fr));
      padding: 16px;
    }
    

    子容器样式:

    :root {
      border-radius: 8px;
      overflow: hidden;
    }
    

    视频播放样式:

    :root {
      display: inline;
    }
    

    最终效果(窄屏):
    image.png
    最终效果(宽屏):
    image.png
    视频播放器会随着屏幕的宽度自适应大小。

    2024-03-12 15:07:19
    赞同 1 展开评论
问答分类:
问答地址:
关联地址:
归属于问产品:
宜搭
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
还有其他疑问?
咨询AI助理