분류 css

일정한 너비 대 높이 비율

컨텐츠 정보

  • 조회 397 (작성일 )

본문

HTML :

<div class="constant-width-to-height-ratio"></div>



CSS : 

.constant-width-to-height-ratio {
  background: #333;
  width: 50%;
}
.constant-width-to-height-ratio::before {
  content: '';
  padding-top: 100%;
  float: left;
}
.constant-width-to-height-ratio::after {
  content: '';
  display: block;
  clear: both;
}




css