반응형 반응형1 CSS 참고 키워드 - 반응형 웹사이트 참고하는 강의를 기준으로는 최근에는 모바일 환경에서 사이트를 더 자주 접속하므로, 우선적으로 모바일 환경에 맞추어 웹사이트를 개발한다. 이후에 데스크탑 같은 환경에 대응하게끔 CSS 코드를 추가하면 된다. 태그로 모바일 환경 대응픽셀 밀도 차이모바일 기기는 해상도는 매우 높지만 물리적인 화면의 크기는 작다. 그렇기 때문에 모바일 브라우저는 웹사이트를 표시할 때 일반적인 데스크톱 화면을 보여주는 것처럼 기본적으로 설정한다. 즉, 모바일 브라우저는 좁은 화면이지만, 넓은 화면을 가정해서 요소들을 배치하기 때문에 웹페이지가 작고 축소된 형태로 욱여 넣어지게 된다.뷰포트와 픽셀이러한 픽셀 밀도 차이 문제를 해결하기 위해 실제 물리적인 픽셀을 모바일 환경에 적절한 비율의 CSS 픽셀로 변환하는 작업이 필요하다.C.. 2024. 9. 25. 이전 1 다음 반응형