미디어쿼리 hover 사용

 

 

css에 :hover를 사용해서 hover를 지정하면 반응형 웹에서는 페이지 이동 전에 hover 효과가 나오고 이벤트가 실행됨. 이걸 해결하기 위해서는 미디어쿼리 hover 코드를 사용. 일반 미디어쿼리 사용과 동일하며 아래 코드를 사용하면 됨

@media (hover: hover) {
	a:hover { color: red; text-decoration: underline; }
}