미디어 쿼리 반응형 - 프젝 정리 오늘의 집

-

 

분기점 정하기

 

네, 768px는 일반적으로 모바일 기기와 태블릿을 구분하기 위한 크기 분기점 중 하나입니다. 여러 디바이스에서 웹사이트가 잘 표시되도록 하는데 도움이 됩니다.

주요 크기 분기점은 다음과 같습니다:

• 모바일 (Mobile): 일반적으로 320px에서 767px까지입니다.
• 태블릿 (Tablet): 일반적으로 768px에서 1023px까지입니다.
• 데스크톱 (Desktop): 1024px 이상입니다.

768px은 주로 태블릿 크기로 간주되며, 이 크기에서는 일반적으로 모바일 뷰포트와는 다르게 더 큰 화면에서 더 많은 정보를 표시할 수 있습니다. 이러한 크기 분기점은 CSS 미디어 쿼리를 사용하여 다양한 화면 크기에 대한 스타일을 조절하는 데 사용됩니다.

따라서 모바일에 특화된 스타일 또는 더 큰 화면에 적합한 디자인을 적용하기 위해 768px을 크기 분기점으로 설정하는 것은 일반적인 접근 방식 중 하나입니다.