CSS 질문..

Question

안녕하세요 css 문제 해결이 안되서 질문좀 하겠습니다 ㅜㅜ.main-header { position: relative; height: 900px; / 메인 이미지 높이 조정 /}.menu { width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.5); list-style-type: none; margin: 0; padding: 0; position: absolute; top: 20px; / 메뉴바 수직 정렬 / left: 50%; / 메뉴바 수평 정렬 / transform: translate(-50%, -50%); z-index: 1; / 메뉴바가 메인 이미지 위에 나타나도록 설정 /}.menu li { display: inline-block; margin-right: 10px;}.menu li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none;}.menu li a:hover { font-weight: bold;}.main-image { position: relative; height: 100%; background-image: url(&#34;img/main_img_1.jpg&#34;); background-size: contain; background-repeat: no-repeat; background-position: center center; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: white;/글자 색/ background-color: red;}현재 html 및 css 공부중인데요이미지를 넓이를 100%주고싶은데 쉽지않네요 ..현재 저 높이 비율을 유지한채 넓이만 100%를 주고싶은데 방법이 있을까요 ..백그라운드 사이즈를 cover로 바꾸면 일부분이 짤린채로 해상도가 일그러져서 좋은 방법이 있을까요 ㅜㅜ

안녕하세요플레 · Answer

일단 비율 유지하면서 꽉 채우는 건 cover 속성을 사용하시는 것이 맞는 것 같습니다.

CSS 질문..

1개의 답변

기술 목록