미디어쿼리로 320 화면 대응하기

 

정상화면

---

320 화면으로 줄였을때 제목을 가린다.

미디어 쿼리로 높이를 잡자

 

360부분부터 가려지는 부분을 강제로 높이잡기

 

 

 

---

 

자바스크립트 if 와 같음

 

/* 문제있는부분에서 media 쿼리 적용 */
/* 창크기 360 이하  */
@media (max-width : 360px) {
  .main_vision {
    height: 210px;
  }
}

 

예)

@media screen and (max-width : 360px) and (min-width:320px)

조건설정할때 

360이하일때 

 

 

360 이하에서도 잘 적용이 된다.