0
jQuery Isotope (here)를 사용하여 격자 기반 블로그 레이아웃을 만들고 here 테스트를 거쳤습니다. 이 사이트는 웹킷이 아닌 브라우저 (IE, Firefox 및 Opera에서 테스트 됨)에서 완벽하게 작동하지만 웹킷 브라우저에는 몇 가지 문제가 있습니다. 사파리는 최악의 고통을 겪습니다. 사이트의 헤더를 렌더링하지 않고 페이지를 확대/축소하면 일종의 충돌이 발생합니다. Chrome은 사소한 문제가 훨씬 큽니다. 페이지를 확대 또는 축소하면 블록 사이의 수직 간격이 늘어나거나 줄어들고 축소하면 블록간에 겹침이 발생합니다. 이미 (윈도우) .load 함수를 사용하고 있고 이미 이미지로드 된 (isotope 사이트에서 이미 언급 한 두 가지 솔루션)을 사용하고 있습니다. 이 문제를 해결하는 데 도움이되는 제안 사항은 많은 도움이됩니다. 많은 감사합니다.jQuery 동위 원소 웹킷 문제
Safari 5.0.6 OSX에서 헤더 표시와 동위 원소 요소가 바뀌 었습니다. -보기가 cmd로 축소되었을 때 - Isotope의 CSS 전환과 관련된 것이거나 Isotope의 중심 설정을 구현하는 것일 수 있습니다. Masonry 레이아웃 모드 또는 imagesLoaded 플러그인을 사용하고 있다는 사실. 어쩌면 맨손으로 제작 된 Centered Masonry 버전을 먼저 작동시키고 헤더 로직을 추가 한 다음 문제를 시작하는 위치를 분리 할 수 있습니다. iPhone과 iPad에서도 완전히 엉망입니다. – Systembolaget