2013-09-24 3 views
0

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

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

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

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

Я чувствую, что я что-то на самом деле просто не хватаю, но я не могу найти то, что может быть ответ?

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

Спасибо!

ответ

0

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

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

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

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

+0

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

Смежные вопросы