터치 스크린에서 클릭하기 어려운 링크

존 스노우

이것은 내 설정입니다 (나쁜 표시에 대해 죄송합니다).

<div class="container">
   <a href="somewhere">
    <div class="tall"></div>
   </a>
  <a href="somewhere else">
    <div class="small"></div>
  </a>
</div>

또한 "컨테이너"에 몇 가지 기본 호버 스타일이 있습니다. 내 문제는 모바일 (현재 iOS에서 테스트 중)에서 "키가 큰"과 "작은"을 둘러싸는 두 개의 링크를 클릭하기 어렵다는 것입니다. 그들은 "컨테이너"에서 호버 스타일을 트리거하지만 링크가 실제로 열리려면 몇 초 동안 (또는 그 이상) 손가락을 잡고 있어야합니다. 이 문제를 어떻게 해결할 수 있습니까?

화장실 오리

불행히도 링크의 : hover 선택기는 터치 스크린 장치에서이를 수행합니다. 즉, 1 ~ 2 초 동안 호버 효과를 표시 한 다음 링크를 클릭합니다. 이를 처리하는 가장 좋은 방법은 장치 유형을 감지하고 : hover 스타일을 모두 제거하는 것입니다. 어쨌든 터치 스크린에는 필요하지 않습니다.

이것을 읽으십시오 : http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Lenovo X220 용 Windows 8.1에서 터치 스크린을 비활성화하려면 어떻게합니까?

분류에서Dev

랩톱에서 터치 스크린을 비활성화하려면 어떻게합니까?

분류에서Dev

일련의 링크에서 대량 다운로드를 설정하기 위해 새 배치 스크립트를 편집 / 만들려면 어떻게합니까?

분류에서Dev

LXQt에서 터치 스크린으로 멀티 터치 제스처를 사용하려면 어떻게해야합니까?

분류에서Dev

Windows 7에서 터치 스크린과 비 터치 스크린 모니터를 혼용 하시겠습니까?

분류에서Dev

div에 데이터를 표시하기 위해 클릭 할 때 링크를 얻으려고하십니까?

분류에서Dev

Dell XPS 18 : 터치 스크린은 OpenSuse에서 작동합니다! 우분투에서 어떻게하나요?

분류에서Dev

Dell XPS 18 : 터치 스크린은 OpenSuse에서 작동합니다! 우분투에서 어떻게하나요?

분류에서Dev

Qt Embedded에서 터치 스크린이 작동하지 않음

분류에서Dev

클래스에 따라 클릭 한 링크와 일치하도록 드롭 다운 변경

분류에서Dev

우분투에서 마우스 커서 숨기기 (터치 스크린 용)

분류에서Dev

자연스럽게 터치 스크린 사용을 모방하면서 터치 스크린 모니터에서 지문을 방지하려면 무엇을 사용할 수 있습니까?

분류에서Dev

Ubuntu가있는 터치 스크린 장치에서 간단한 클릭 이벤트 작업

분류에서Dev

Apple 기기는 터치시 링크를 클릭하지 않고 선택 만합니다. 해결하는 방법?

분류에서Dev

검색 결과 페이지에서 링크를 스캔 한 다음 기준과 일치하는 항목을 강조 표시하여 모두 클릭 할 필요가 없도록하려면 어떻게해야합니까?

분류에서Dev

Windows에서 배치 스크립트를 사용하여 심볼릭 링크를 어떻게 생성합니까?

분류에서Dev

Google 크롬 터치 스크린-오른쪽 클릭이 멈춤

분류에서Dev

Google 크롬 터치 스크린-오른쪽 클릭이 멈춤

분류에서Dev

Google 크롬 터치 스크린-오른쪽 클릭이 멈춤

분류에서Dev

클릭 할 때 하이퍼 링크 만 트리거되도록 클릭 가능한 div 태그에 텍스트 하이퍼 링크를 배치하려면 어떻게해야합니까?

분류에서Dev

터치 스크린 하드웨어를 제거하는 방법

분류에서Dev

데스크탑에서 "터미널에서 열기"를 클릭하면 ~ / 데스크탑을 어떻게 열 수 있습니까?

분류에서Dev

마우스를 넘어서 ncurses를위한 터치 스크린?

분류에서Dev

백그라운드 서비스에서 스크린 샷 찍기

분류에서Dev

Xubuntu 14.04에서 터치 스크린이 작동하지 않습니다.

분류에서Dev

Debian에서 터치 스크린을 구성 하시겠습니까?

분류에서Dev

Lenovo Flex 3에서 터치 스크린이 작동하지 않습니다.

분류에서Dev

Lenovo Flex 3에서 터치 스크린이 작동하지 않습니다.

분류에서Dev

두 번 클릭 동작으로 터미널 창에서 링크를 열려면 어떻게합니까?

Related 관련 기사

  1. 1

    Lenovo X220 용 Windows 8.1에서 터치 스크린을 비활성화하려면 어떻게합니까?

  2. 2

    랩톱에서 터치 스크린을 비활성화하려면 어떻게합니까?

  3. 3

    일련의 링크에서 대량 다운로드를 설정하기 위해 새 배치 스크립트를 편집 / 만들려면 어떻게합니까?

  4. 4

    LXQt에서 터치 스크린으로 멀티 터치 제스처를 사용하려면 어떻게해야합니까?

  5. 5

    Windows 7에서 터치 스크린과 비 터치 스크린 모니터를 혼용 하시겠습니까?

  6. 6

    div에 데이터를 표시하기 위해 클릭 할 때 링크를 얻으려고하십니까?

  7. 7

    Dell XPS 18 : 터치 스크린은 OpenSuse에서 작동합니다! 우분투에서 어떻게하나요?

  8. 8

    Dell XPS 18 : 터치 스크린은 OpenSuse에서 작동합니다! 우분투에서 어떻게하나요?

  9. 9

    Qt Embedded에서 터치 스크린이 작동하지 않음

  10. 10

    클래스에 따라 클릭 한 링크와 일치하도록 드롭 다운 변경

  11. 11

    우분투에서 마우스 커서 숨기기 (터치 스크린 용)

  12. 12

    자연스럽게 터치 스크린 사용을 모방하면서 터치 스크린 모니터에서 지문을 방지하려면 무엇을 사용할 수 있습니까?

  13. 13

    Ubuntu가있는 터치 스크린 장치에서 간단한 클릭 이벤트 작업

  14. 14

    Apple 기기는 터치시 링크를 클릭하지 않고 선택 만합니다. 해결하는 방법?

  15. 15

    검색 결과 페이지에서 링크를 스캔 한 다음 기준과 일치하는 항목을 강조 표시하여 모두 클릭 할 필요가 없도록하려면 어떻게해야합니까?

  16. 16

    Windows에서 배치 스크립트를 사용하여 심볼릭 링크를 어떻게 생성합니까?

  17. 17

    Google 크롬 터치 스크린-오른쪽 클릭이 멈춤

  18. 18

    Google 크롬 터치 스크린-오른쪽 클릭이 멈춤

  19. 19

    Google 크롬 터치 스크린-오른쪽 클릭이 멈춤

  20. 20

    클릭 할 때 하이퍼 링크 만 트리거되도록 클릭 가능한 div 태그에 텍스트 하이퍼 링크를 배치하려면 어떻게해야합니까?

  21. 21

    터치 스크린 하드웨어를 제거하는 방법

  22. 22

    데스크탑에서 "터미널에서 열기"를 클릭하면 ~ / 데스크탑을 어떻게 열 수 있습니까?

  23. 23

    마우스를 넘어서 ncurses를위한 터치 스크린?

  24. 24

    백그라운드 서비스에서 스크린 샷 찍기

  25. 25

    Xubuntu 14.04에서 터치 스크린이 작동하지 않습니다.

  26. 26

    Debian에서 터치 스크린을 구성 하시겠습니까?

  27. 27

    Lenovo Flex 3에서 터치 스크린이 작동하지 않습니다.

  28. 28

    Lenovo Flex 3에서 터치 스크린이 작동하지 않습니다.

  29. 29

    두 번 클릭 동작으로 터미널 창에서 링크를 열려면 어떻게합니까?

뜨겁다태그

보관