미디어 쿼리의 뷰포트에서 팬시 박스 사용 안 함

내 미디어 쿼리 내에서 480px 미만의 해상도로 내 fancybox 통화를 종료하는 빠른 해결책이 있는지 궁금합니다. fancybox를 사용하는 항목은 특정 해상도 아래에서 사용하지 않으며 .html 페이지에 직접 연결됩니다 (iFrame fancybox를 사용하고 있습니다).미디어 쿼리의 뷰포트에서 팬시 박스 사용 안 함

난 그냥 해봤 어 : none; fancybox 클래스에서 특정 뷰포트에서 사용하고 있으며 성공하지 못했습니다.

.fancybox-iframe { display: none; }

출처

2012-02-29 Fred Randall

왜 처음에는'viewport'를 평가하지 않습니까? 그리고'viewport> 480'이 fancybox + 커스텀 스크립트를로드한다면 (조건이 true이면 어떤 것을로드/제거하는 것보다 쉽습니다). 조건이 존재하면'viewport'를 탐지하는 방법과 스크립트를 만드는 법 ('document.createElement ('script');')에 대한 몇 가지 질문/답변이 있습니다. – JFK

미디어 쿼리는 까다로운 요소입니다. 일부 CSS 속성은 사용할 수 있지만 일부 CSS 속성은 사용할 수 있습니다. 디스플레이는 그 속성 중 하나입니다.

max-width을 0px로 설정하는 것이 가장 좋습니다.

출처

2012-06-04 16:08:09

감사합니다. Playa hata. –

미디어 쿼리의 뷰포트에서 팬시 박스 사용 안 함

답변

관련 문제