처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

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

어려움 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로 완전히 제어할 때 사용합니다.

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

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

정규반 살펴보기