我试图做一个方形画布。 我想使用CSS做到这一点,以便在页面加载时立即调整画布的大小。 为了使其方形,我将其包装在div中,并按以下方式设置其样式: http://jsfiddle.net/evopgwzd/ 但是,没有任何显示。 如果将换行的css设置为硬编码的宽度大小 ...
提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供 中文繁体 英文版本 中英对照 版本,有任何建议请联系yoyou2525@163.com。
我想要一个HTML视频标签来填充我的卡。 像这样:
<ion-card>
<ion-card-header>
<ion-card-title>Ion Videp</ion-card-title>
</ion-card-header>
<div class="video-wrapper">
<video #video controls="controls" class="video" autoplay="autoplay">
<source src="../../../assets/push-ups.mp4" type="video/mp4" />
</video>
</div>
</ion-card>
但是视频只是保持原始大小。
我尝试了以下CSS样式:
.video-wrapper {
position: relative;
height: 200px;
}
.video {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
overflow: hidden;
}
但这仍然行不通。
有任何想法吗?
.video {
position: absolute;
right: 0;
bottom: 0;
min-width: 100vw; /* you can changes size*/
min-height: 100vh;
z-index: -100;
background-size: cover;
overflow: hidden;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.