CSS : Media Query

IvanSelah·2022년 5월 17일
0

반응형웹을 위해 반드시 해야할 처리

 content = width를 device의 width로 설정해야 함
 1. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 2. @media screen and (min-width | max-width) | and (min-width | max-width) {
 		...
 	}

모바일 부터 반응형 적용하고 을 적용해야 스타일 적용하기 편함
제일 작은 사이즈에서 작업하면 왠만한 모바일 디바이스는 다 Okay임
내가 사용하는 사이즈 iphone기준 320 * 568

📌 Position Tip : 이전 스타일 bottom : 0 에서 top : 0 로 변경한다면
bottom을 해제 시켜줘야 함(bottom : auto)

profile
{IvanSelah : ["꿈꾸는", "끊임없이 노력하는", "프론트엔드 개발자"]}

0개의 댓글