• 首页
  • SOHO店
  • 模板
  • 组件
  • 教程
  • 问答
  • 价格
  • 动态
  • 关于
  • 首页
  • SOHO店
  • 模板
  • 组件
  • 教程
  • 问答
  • 价格
  • 动态
  • 关于
  1. 建站教程
  2. 技巧

第三方视频内嵌代码(iFrame)实现响应式

  • 2021年12月03日
  • 作者 小飞页
  • 来源 免费个人网站

 

应用到的的代码:

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  • 上一篇:静态组件也能运行 PHP 代码
  • 下一篇:用宝塔安装好管理的个人网站
教程
  • 极速安装
  • 宝塔安装
  • 制作过程
  • PBulider
资源
  • 页面组件
  • 整站模板
  • Soho动态
关于
  • 产品定价
  • 产品故事
  • 发展愿景
支持
  • 常见问题
  • 在线提问
  • 我要反馈

© PAGEPAN 2013, 2025