Media1

• 

  [CSS] hover Media query CSS의 Media query에 대해 알아보다가 몰랐던 기능인 @media(hover: hover)가 유용하다고 느껴 이것에 대해 알아보고자 합니다. hover hover은 데스크톱에서 특정 요소에 마우스를 올렸을 때 행동을 취하는 기능을 제공합니다. a:hover { background-color: red; } 여기서 문제는 '데스크톱'이라는 것입니다. 만약 모바일 이라면? 기존 hover을 사용하면 모바일에서 아주 잠시 동안 데스트톱에서 보이던 hover 효과가 보이게 되고 이것은 모바일 사용자에 있어 부정적인 경험을 주게 됩니다. 당연하게도 모바일에서는 마우스를 올려놓는 행위를 하는 것이 아니라 터치를 하는 행위를 하기 때문입니다. 이때 이것을 해결할 수 있는 방법이 바로 Media query를 사.. TIP/CSS & Tistory 2022. 10. 7.