CSS 정리

글의 무단 복사를 금할때 사용할 수 있는 코드로 -user-select: none; 이 있다.

이걸 쓰게되면 글씨 드래그로 인한 블럭 생김 및 글자 복사가 모두 방지된다.

예제 )

p라는 태그에 드래그를 방지하고 싶을 때

p {

 -user-select: none; //인터넷 브라우져

-webkit-user-select: none; //크롬

-moz-user-select: none; //모질라

}

의 방식으로 사용할 수 있다.

출처: http://dearmin.tistory.com/8 [소소한 일상]

폰갭 CSS에 있음.

-webkit-touch-callout: none;                /* 아이폰에서 Long Click시 팝업메뉴 안뜨게.  prevent callout to copy image, etc when tap to hold */

-webkit-text-size-adjust: none;             /* 모바일 사파리 브라우저는 뷰포트가 변할 시 텍스트의 크기를 자동으로 조절합니다.

 prevent webkit from resizing text to fit */

-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */

-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */

아이폰 및 아이패드에서 화면을 터치하면 검은색으로 깜빡거려 눈이 불편해지는 현상을 발견했다.

이는 CSS base 속성에 다음의

-webkit-tap-highlight-color: rgba(0,0,0,0);

값을 지정해 줌으로 써 해결될 수 있다.

[출처] IOS Safari 터치 시 화면 깜빡임 문제(-webkit-tap-highlight-color)|작성자 David K

http://itsavebox.tistory.com/152 여기에도 -webkit-tap-highlight-color: rgba(0,0,0,0); 설명이 있다. 참고