목록CSS (1)
알고보면코딩천재
배경이미지 반응형 종횡비 유지
{ max-width:; height:0; position: relative; padding-bottom: calc(세로/가로*100%); background-image: url('이미지경로'); background-size: 100vw; background-repeat: no-repeat; background-position: center top; } css .container { height: 100vh; width: 100vw; } .img_item { width: 100%; height: 100%; margin: 0 auto; background-image: url("이미지URL"); background-repeat: no-repeat; background-position: center cente..
CSS
2023. 2. 2. 08:47