Отзывчивая сетка не работает в Firefox или Opera

По какой-то причине моя адаптивная сетка ломается, когда я открываю свой сайт в Firefox. Я использую каркасную сетку, и раньше у меня не было проблем с кросс-браузерной совместимостью, но я изменил сетку (на сетку из 8 столбцов вместо 16), и я думаю, что, возможно, что-то сломал.

Я не могу понять это, потому что все, что я сделал, это удалил классы для других 8 столбцов.

Столбцы начинаются там, где должны быть, но теперь они огромные и выходят за пределы страницы.

Вот действующий сайт: http://nicki.smartbrandidentity.com/

Любая помощь приветствуется.


responsive-design firefox opera
person Andrew Richardson    schedule 20.08.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Если бы я был на вашем месте, я бы просто использовал макет из 16 столбцов. Используйте столбец2, когда вы бы использовали столбец1. Эти сетки предназначены для того, чтобы дать вам столько вариантов, сколько может поместиться в сетке, и вы не должны ограничивать себя только 8.

Кроме того, глядя на css, это не похоже на «отзывчивую» сетку. Все столбцы задаются в пикселях. Если вам нужна действительно простая и отзывчивая сетка, обратите внимание на столбчатую сетку. http://www.columnal.com/

person ksesh    schedule 20.08.2012
comment
Макет из 16 столбцов слишком широк. Мне очень интересно контролировать количество символов в строке на каждом экране, поэтому я хотел уменьшить длину столбца. Может быть, мне следует просто отказаться от каркасной сетки и попытаться найти генератор сетки для моих конкретных нужд? - person Andrew Richardson; 20.08.2012
comment
Вы можете попробовать систему сетки 960. (960.gs) в нем есть классы для префиксов и суффиксов, чтобы вы могли сузить свой контент. по умолчанию он имеет ширину 960 пикселей. например, вы можете указать префикс в один столбец, ширину в 10 столбцов и суффикс в 1 столбец. документация объясняет концепцию более подробно. убедитесь, что вы прочитали документы по этим системам сетки, потому что у большинства из них есть способ добиться того, что вы пытаетесь сделать, без редактирования фактического css сетки. - person ksesh; 20.08.2012
comment
Хм... Да, я думаю, я просто рассмотрю несколько других систем сетки, которые более гибки, чем та, которую я использую сейчас. Спасибо! - person Andrew Richardson; 20.08.2012