반응형
앱과 웹의 차이를 막기
/* ios 15+ 롱탭차단 */
img,a {-webkit-user-drag:none;}
html {user-select:none;-webkit-touch-callout:none;}
user-drag 설명
html/css 드래그방지 user-drag
드래그를 방지하는 방법은 크게 두가지로 분류할 수 있습니다. 첫 째, HTML의 태그에 속성을 추가하여 드래그를 방지하는 방법(Draggable) 둘 째, CSS의 요소에 속성을 추가하여 드래그를 방지하는 방
pure-f.tistory.com
user-select 사용자가 텍스트 선택 못하게 막기
-webkit-touch-callout 는 모바일기기에서 사용하는 css 이다.
사용자가 화면을 길게 누르고 있으면 나오는 메뉴를 제어하는데 쓰이며
보통 아이폰 모바일 웹에서 어떠한 링크를 길게 누르고 있으면 뜨는 메뉴를 막는데 쓴다.
이러한 속성들을 사용하게되면 앱인것처럼 브라우저 특성을 막을수 있다.
반응형
'etc' 카테고리의 다른 글
| Iframe 높이 조절 (0) | 2023.11.23 |
|---|---|
| 로그인 인증의 방식 (1) | 2023.11.23 |
| 퍼블리셔 면접 관련 질문 정리 (3) | 2023.11.20 |
| on-demand Atomic CSS (unocss) (0) | 2023.11.16 |
| 프론트엔드 개발자 면접 질문 답변 (0) | 2023.11.15 |