Zurb Foundation 4 и проблема расположения изотопов (некоторые браузеры)

Question

Zurb Foundation 4 и проблема расположения изотопов (некоторые браузеры)

0

Я использую Zurb Foundation 4 вместе с Isotope для создания гибких макетов с разными номерами столбцов и каменной кладкой/строкой/бесконечным прокруткой.

Проблема в том, что при некоторых размерах ширины (изменение размера браузера) изотоп изо всех сил пытается выяснить, где разместить контент, это происходит в каждом браузере, кроме Safari.

Содержимое будет удалено из строки 2 строки - 1 (слева), обратно в 2 строки, а затем снова в 1 (левая) строка - затем в строку полной ширины фундамента по мере уменьшения размера браузера.

Я добавил 30-секундную демонстрацию видео здесь http://www.youtube.com/watch?v=Sl7DSxBMK_U

Я чувствую, что мне не хватает чего-то очень простого, но я не могу найти ответ.

Огромное спасибо всем, кто может осветить этот свет!

Благодарю!

user2811225 24 сен. 2013, в 15:57

Источник

Теги:

javascript

jquery

zurb-foundation

css

jquery-isotope

1 ответ

Ещё вопросы

Vinay Raghu · Answer 1 · 2013-09-24T21-00-00.000Z

Я думаю, ваша проблема в том, что изотоп пытается переделать изображение в следующую строку, но столбцы фундамента также активно изменяют размер контейнера изображения

Таким образом, каждый раз, когда он перемещается изотопом, но как только это происходит, сетка фундамента также изменяет размер контейнера с изображением, поэтому он возвращается в строку.

Не пытайтесь использовать сетку фундамента для предметов, которые выкладываются только в изотопе.

http://isotope.metafizzy.co/ сам не использует чувствительную сетку. Элементы там имеют фиксированную ширину, но существуют разные типы элементов с разной шириной, поэтому они выглядят случайными

Спасибо за ваш совет, Винай. К сожалению, тема, которую я построил, действительно требует классов Foundation, так как есть много вариантов макета цикла. Я нашел обходной путь, который раньше, похоже, не работал, но, кажется, работает сейчас: S Изменение значения столбца% на доли меньше, чем они, кажется, помогает. например, большие-6 столбцов {ширина: 50%;} -----> {ширина: 49,9%;} Я читал, что это проблема с jQuery, пытающимся изменить размеры процентных значений, типично! Еще раз спасибо, Маки