div에 비디오를 전체 화면으로 깔기
요구 사항
쓸데없는 말 말고 직접 수요해라.5500*500의div에서div의 비디오를 자동으로 가득 채우고 전체 화면을 표시해야 합니다.그림 1:
아버지를 함정에 빠뜨리다
이렇게 써 보시면:
.video {
width: 500px;
height: 500px;
background-color: #bbc13d;
margin: 50px auto;
}
.video video {
width: 100%;
height: 100%;
display: block;
}
사장이나 고객이 만족하지 않을 것 같은데, 내가 분명히 너에게 전체 화면을 깔라고 했는데, 너는 왜 나에게 중간을 차지하라고 했니?
하나의 속성이 해결해 드릴게요.
자, 이 속성
object-fit: fill;
을 당신의 귀여운 video
라벨에 추가하면 전체 화면의 비디오를 얻을 수 있습니다.어떤 js로 div폭을 계산하지 마세요. 자극적인 거 아니에요?그림 2:호환성
그림3: 푸~, 극악무도한 i!하지만 i를 별로 생각하지 않는다면 간단하면서도 강력한 속성을 사용해 보세요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Portswigger의 연구실 작성: CSRF 토큰 보호를 사용한 기본 클릭재킹이 견습생 수준 실습에서는 일부 CSRF 토큰 보호가 있음에도 불구하고 클릭재킹에 취약한 웹사이트에서 계정 삭제 흐름을 악용합니다. 주어진 자격 증명으로 로그인하면 계정 페이지로 이동한 후 사용자 계정을 삭제하는 데...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.