문제 설명
slick.js 플러스 파운데이션 이퀄라이저 문제 (slick.js plus foundation equalizer issue)
옆에
이 있습니다.
<섹션>
아래에 탐색 슬라이더가 있는 slick.js 슬라이더를 추가했고 에 텍스트가 있습니다.
및
높이가 일치하도록 하기 위해 저는 zurb Foundation의
data‑equalizer
를 사용했습니다. 이 모든 것이 작동합니다. 그러나 페이지를 로드할 때 페이지 크기를 모바일 크기로 조정한 다음 다시 데스크탑 크기로 조정하면 data‑equalizer
가 슬라이더의 높이를 인식하지 못하므로 텍스트의 높이와 일치합니다. .
특히 창의 크기를 빠르게 조정할 때 발생하며 태블릿 장치를 회전할 때도 반드시 발생합니다.
모두 이 문제를 해결하는 방법에 대한 아이디어가 좋습니다. 건배.
참조 솔루션
방법 1:
Change : " data‑equalizer‑mq " for " data‑equalize‑on="medium" " on the first line.
(by Gary Voss、Martin Ayotte Cummings)