사용 안함 : 모바일에서 CSS 가져 오기

Question

내 페이지의 일부 요소에 다음 CSS가 정의되어 있습니다.

.my-image { 
    width: 100% !important; 
    height: auto; 
    -webkit-transition: all .5s ease; 
    -moz-transition: all .5s ease; 
    -ms-transition: all .5s ease; 
    transition: all .5s ease; 
} 

.my-image:hover { 
    -webkit-transform:scale(1.5); 
    -moz-transform:scale(1.5); 
    -ms-transform:scale(1.5); 
    transform:scale(1.5); 
} 

는 어떤 이유로, 호버 클래스 (즉, 그들이 과거 스크롤 이미지를 따라 손가락을 이동한다) 내가 과거 스크롤 아이폰 언제에 활성화됩니다. 모바일 전용 호버 CSS를 사용 중지 할 수있는 방법이 있습니까?

Answer 1

는

@media screen and (min-width: 1024px){ 
.my-image:hover { 
    -webkit-transform:scale(1.5); 
    -moz-transform:scale(1.5); 
    -ms-transform:scale(1.5); 
    transform:scale(1.5); 
} 
} 

Answer 2

@media handheld { 
.my-image:hover { 
    -webkit-transform: none; 
    -moz-transform: none; 
    -ms-transform: none; 
    transform: none; 
} 
}