'CSS'에 해당되는 글 5건

  1. 2017.10.10 [CSS] - 더블클릭시 단어 블록 해제 ( double click ), user-select
  2. 2017.01.17 [Mobile] - 모바일 웹 개발 iOS 브라우스 스크롤 Smooth
  3. 2016.06.22 [CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )
  4. 2016.06.10 [CSS] - iPhone 사파리 스크롤 바운스 막기 2
  5. 2011.09.19 [Mobile] - 모바일웹 회전각도별 CSS 적용법

[CSS] - 더블클릭시 단어 블록 해제 ( double click ), user-select

HTML and CSS 2017. 10. 10. 07:45
반응형

해당 element css


-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

반응형
:

[Mobile] - 모바일 웹 개발 iOS 브라우스 스크롤 Smooth

Jquery & Mobile 2017. 1. 17. 21:22
반응형

모바일 웹 ( 아이폰 ) 스크롤 스무즈하게 

-webkit-overflow-scrolling:touch;

반응형
:

[CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )

HTML and CSS 2016. 6. 22. 19:27
반응형

input::-ms-clear,

input::-ms-reveal {display: none; width : 0; height: 0;}

input::-webkit-search-decoration,

input::-webkit-search-cancel-button,

input::-webkit-search-results-button,

input::-webkit-search-results-decoration { display: none; }

반응형
:

[CSS] - iPhone 사파리 스크롤 바운스 막기

Jquery & Mobile 2016. 6. 10. 17:34
반응형

해당 스크롤이 필요한 영역에


/**

 * 스크롤 시작시

 */


style="-webkit-overflow-scrolling:touch;" 


function preventDefault(event){

  event.preventDefault();

};


document.addEventListener("touchmove", preventDefault, false);



/**

 * 스크롤 해제시

 */


document.removeEventListener("touchmove", preventDefault, false);


필히 addEventListener 과 removeEventListener 에 같은 함수 먹여야댐


반응형
:

[Mobile] - 모바일웹 회전각도별 CSS 적용법

카테고리 없음 2011. 9. 19. 09:29
반응형
<script type="text/javascript">
function orient()
{
switch(window.orientation){
case 0: document.getElementByld("orient_css").href="css/iphone_portrait.css";
break;
case -90: document.getElementByld("orient_css").href="css/iphone_landscape.css";
break;
case 90: document.getElementByld("orient_css").href="css/iphone_landscape.css";
break;
}
}
window.onload=orient();
</script>
 
 
 
<body onorientationchange="orient()";>
</body>
반응형
: