Fancybox가 휴대 기기에서 반응하지 않습니다

Question

내 웹 사이트 색인 페이지 (F12)에서 Fancybox 3을 사용하고 있습니다 (www.chaotickym.com). 페이지는 랩톱과 같은 대형 스크린 크기에 올바르게 표시되지만 휴대 전화에서 볼 때 올바르게 크기가 조절되지 않습니다.

큰 장치에서 보는 경우 페이지가 거의 같은 너비입니다. 메뉴가 맨 오른쪽에 있으며 화면의 맨 위를 따라 손가락을 오른쪽으로 스 와이프해야 볼 수 있습니다.

내 웹 사이트의 다른 페이지가 올바르게 표시됩니다. 근본적으로 빈 페이지 인 색인 페이지에서 플러그인 코드를 제거하면 페이지가 올바르게 표시됩니다. 이것은 디스플레이 크기 조정 문제가 플러그인과 관련이 있다고 생각하게 만듭니다.

크기를 올바르게 만들 수있는 방법이 있습니까? 아니면 작은 장치에서 Fanybox를 사용하지 않는 것이 가장 좋습니까?

Answer 1

다른 stackoverflow 게시물의 작은 장치에서 Fancybox를 사용 중지하는 방법을 찾았습니다.

$(".fancybox-img").click(function(e) { 
if (window.innerWidth < 799) { 
    e.stopPropagation(); 
    e.preventDefault(); 
} 

}) $ ("fancybox-IMG.") fancybox ({ 마진 : 100, autoSize를 :. 사실, });

Disable fancybox on handhelds