开发者社区> 问答> 正文

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

已解决

浏览器打开:image.png

钉钉tab打开:image.png

展开
收起
游客br3ovivgmfdaq 2024-03-12 14:22:34 138 1
来自:钉钉宜搭
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),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
钉钉小程序——为工作方式插上翅膀 立即下载
钉钉客户端自动化的应用 立即下载
使命必达 —— 钉钉企业级 消息服务的机遇与挑战 立即下载