Background
-
[Day 18] 반응형 사이즈 조절 & 밴딩머신 코드리뷰TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 20. 22:07
1. 반응형 고려해서 이미지, 백그라운드, 비디오 사이즈 조절하기 1) 이미지와 비디오 img { max-width: 100% /*원본 이미지크기의 100%*/ width: 100% /*바디의 100%*/ 비디오도 요런 식으로 똑같이 적용되지만, 다만 height는 100%해도 100%로 안맞춰진다. **iframe(뿐만 아니라 모든 요소)는 padding-top, -bottom 속성(%일 경우)이 부모 요소 넓이에 비례한다! 2) 백그라운드 이미지 .요소 { width: 100vw; height: 100vh; background-image: url("https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?ixlib=rb-1.2.1&ixid=MnwxM..