Отзывчивая структура компоновки сетки [закрыто]

В нынешнем виде этот вопрос не подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подкреплены фактами, ссылками или опытом, но этот вопрос, скорее всего, вызовет дебаты, аргументы, опросы или расширенное обсуждение. Если вы считаете, что этот вопрос можно улучшить и, возможно, снова открыть, посетите справочный центр для получения рекомендаций.

Закрыто 7 лет назад .

Мне нужна простая в использовании структура сетки для моего текущего веб-проекта.Вот функции, которые я бы оценил:

компоновка плавной сетки:блоки, которые можно выровнять по горизонтали (бок о бок ), каждый из которых имеет одинаковую высоту (, например макет из 3 -столбцов ), работающий со 100% шириной
отзывчивость:автоматически адаптируется при изменении размера окна браузера
мобильные устройства:показан альтернативный вариант установки планшетов и мобильных телефонов
. размер текста:опционально динамически настраивать размер текста (, например заголовки на всю ширину)
размер изображения:опционально динамически настраивать размеры изображений (, например, полноразмерные галереи изображений)
точки останова:опционально определить значения ширины, которые запускают события, которые изменяют макет (, например удаление кнопок, если ширина падает ниже порогового значения)

Обновление

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

Вот и все остальные:

~~CSS-сетка~~(не текучий)
~~320 и выше~~(не текучий)
~~Колонна~~(не текучий)
~~Скелет~~(не текучий)
~~Простая сетка~~(не текучий)
~~Меньше рамки~~(не текучий)
~~Начальная загрузка~~(не -семантические классы)
~~Точки останова.js~~(только точки останова, слишком похожие на медиа-запросы)
~~Адаптивные изображения~~(только изображения)
~~Фиттекст~~(только текст)
~~Сетка~~(коммерческий)
~~Шаблон HTML5~~(старый)

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

Каков ваш опыт работы с этими или другими подобными фреймворками?
Вы рекомендуете конкретную структуру, которая соответствует моим требованиям?

Решение

В итоге я использовалFoundationкоторый, по моему скромному мнению, явно является победителем в этой гонке -.

Обновление 2

Bootstrap 3 теперь составляет настоящую конкуренцию, потому что он также поддерживает классы семантической сетки. И он поддерживает SASS, а также LESS.

задан 14 revs 3 February 2014 в 20:46

0 ответов

Другие вопросы по тегам:

css3 grid-layout javascript responsive-design

Отзывчивая структура компоновки сетки [закрыто]

0 ответов

Похожие вопросы: