0

tumblr 테마에서 작업하면서 Isotope의 수평 'horiz'레이아웃이 Safari, Chrome 및 Firefox에서 완벽하게 작동하지만 레이아웃이 제대로 작동하지 않는 것으로 나타났습니다. 검색 창 (필터링)에 내용을 입력하면 레이아웃이 올바르게 다시로드되지만 컨테이너의 CSS 높이/너비 제한을 따르지 않는 것 같습니다. Safari에서는 작동하지만 Chrome/Firefox에서는 작동하지 않는 페이지 : 01.Chrome 및 Firefox에서 동위 원소 가로 레이아웃이 작동하지 않습니다. tumblr의 가능한 버그

codepen에 Desandro의 수평 레이아웃의 예는 텀블러가 엉망이 될 수 있습니다 그래서 만약 확인하기 위해, 모든 브라우저에서 일하고 있었다, 나는 DeSandro 그의 codepen 예에 쓴 것을 정확히에 문제를 감소시켰다. 심지어 그때, 그것은 크롬과 파이어 폭스에서 tumblr에 작동하지 않았다. Safari에서 작동합니다. 축소 된 문제 페이지 : 02.

기본 레이아웃 인 'masonry'는 모든 브라우저에서 작동합니다. 나는 tumblr 테마에서 Isotope의 수평 'horiz'레이아웃을 사용하는 사람을 찾지 못했기 때문에 테마를 자신의 것과 비교하거나 그들로부터 배울 수 없습니다. 이건 tumblr의 한 부분일까요? 누구나 문제를 찾아 내고 여기에서 무슨 일이 일어나고 있는지 설명하면 내가 테마가 사파리에서와 같은 것처럼 보이게 할 수있어서 정말 감사 할 것입니다!

답변

0

문제점을 발견했습니다. Chrome과 Firefox는 horizontal.js 스크립트를 올바르게로드하지 않았습니다. MIME 유형 ('text/plain')이 실행 가능하지 않기 때문입니다. 파일을 rawgit.com/...에 연결하여 작업했습니다 (a previously asked question에 대한 답변 참조).