두 속성의 반응형 차이: width: 500px (고정 너비): • 항상 정확히 500px 유지 • 브라우저가 500px보다 작아도 크기 변경 안됨 • 가로 스크롤바 생성 가능 • 모바일에서 사용성 문제 발생 max-width: 500px (최대 너비): • 최대 500px까지만 확장 • 브라우저가 500px보다 작으면 자동 축소 • 부모 컨테이너에 맞춰 유연하게 조절 • 스크롤바 없이 반응형 동작 모바일 환경에서의 차이: • width: 화면 밖으로 넘침 → 스크롤 필요 • max-width: 화면에 맞춰 축소 → 사용성 향상