[CSS] 로고와 이미지 비율

반응형에서 이미지로 된 작업물을 잡기

=> 만약 PC에서 해당 이미지 높이를 정의했다면 높이 초기화 시키고 vw 사용할 것 *

 

// 미디어 쿼리 사이즈
$mediaResponsiveSize: 1024px;
// 시안 사이즈
$mediaPSD: 1000px;

$mediaPSD-function: remove-unit($mediaPSD);
@function vw($val, $std: $mediaPSD-function) {
  @return ($val / ($std / 100)) * 1vw;
}



width: vw(543);
aspect-ratio: (543/405);
// height: vw(405);