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 속성을 모바일 요소에 적용하면 달라지는 것으로 올바른 것은?

해설

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

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.