시작이 반

-webkit-touch-callout MDN 링크 : https://developer.mozilla.org/ko/docs/Web/CSS/-webkit-touch-callout /* Keyword values */ -webkit-touch-callout: default; -webkit-touch-callout: none; /* Global values */ -webkit-touch-callout: initial; -webkit-touch-callout: inherit; -webkit-touch-callout: unset; -webkit-touch-callout 는 모바일기기에서 사용하는 css 이다.PC웹에서는 필요가 없다.이는 사용자가 화면을 길게 누르고 있으면 화면 하단에서 나오는 메뉴를 제어할 수 ..

pointer-events MDN 링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events /* Keyword values */ pointer-events: auto; pointer-events: none; pointer-events: visiblePainted; pointer-events: visibleFill; pointer-events: visibleStroke; pointer-events: visible; pointer-events: painted; pointer-events: fill; pointer-events: stroke; pointer-events: all; /* Global values */ pointer-events: ..

-webkit-overflow-scrolling MDN 링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling -webkit-overflow-scrolling: touch; /* lets it scroll lazy */ -webkit-overflow-scrolling: auto; /* stop scrolling immediately */ HTML 페이지를 작성하다보면 body의 스크롤이나 overflow : scroll; 등으로 인해 스크롤이 생긴다. 안드로이드나 PC웹에서의 동작은 문제가 없는데 iOS는 touch 값을 지정해 주지 않는다면 overflow scroll의 동작은 뻑뻑하게 동작한다. 즉, 터치가 움직..