CSS touch-action: manipulation 속성을 모바일 요소에 적용하면 달라지는 것으로 올바른 것은?

Q: CSS touch-action: manipulation 속성을 모바일 요소에 적용하면 달라지는 것으로 올바른 것은?

팬(panning)과 핀치 줌은 허용하되, 더블 탭 줌과 300ms 클릭 지연이 제거된다 touch-action은 터치 스크린에서 브라우저의 기본 터치 동작을 제어합니다. manipulation은 스크롤과 연속 줌(핀치)은 그대로 허용하면서, 더블 탭 확대와 이로 인한 300ms 클릭 지연을 제거합니다. none은 모든 브라우저 기본 터치 동작을 비활성화하여 JavaScript로 완전히 제어할 때 사용합니다.

어려움 MDN Web Docs

보기 및 정답

A 팬(panning)과 핀치 줌은 허용하되, 더블 탭 줌과 300ms 클릭 지연이 제거된다

B @supports 규칙은 JavaScript로만 해석되며 순수 CSS로는 동작하지 않는다

C CSS의 clamp() 함수는 내부에 calc() 표현식을 사용할 수 없다는 제한이 있다

D overflow-x와 overflow-y를 개별 설정하면 서로 완전히 독립적으로 작동한다

해설

touch-action은 터치 스크린에서 브라우저의 기본 터치 동작을 제어합니다. manipulation은 스크롤과 연속 줌(핀치)은 그대로 허용하면서, 더블 탭 확대와 이로 인한 300ms 클릭 지연을 제거합니다. none은 모든 브라우저 기본 터치 동작을 비활성화하여 JavaScript로 완전히 제어할 때 사용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS touch-action: manipulation 속성을 모바일 요소에 적용하면 달라지는 것으로 올바른 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩