css에서 width를 이용한 모바일 창 크기 화면 조정 방법

오늘은 width만 조정해서 pc에서 보이는 화면을 모바일화면에 알맞게 조정 할 수 있는 방법을 배웠습니다. 

 

.wrap{
    /*모바일 크기 처리하는 with 설정 방법 아래 두줄 */
  max-width: 1200px;
  width: 95%;
  margin: 20px auto 0px auto;
}

width는 max크기를 지정해 더이상 커지지 않도록 만들고

1200px 이 되기전에 width는 95%를 유지 하는 것으로  맞추면 모바일에서도 화면이 깨지지 않더라고요.