Полноэкранный CSS Framework для более быстрого проектирования

Question

Я придумал несколько CSS-фреймворков с фиксированной шириной, таких как GS на 960 пикселей и Генераторы сетки. Я обнаружил, что проблема с ними заключается в их фиксированной ширине. хотя это лучше всего работает с нормальным экраном, но могу ли я получить или кто-нибудь помочь мне с CSS Framework, который использует всю доступную ширину экрана. Нет столбцов, ширина водосточного желоба и т. Д. Не являются важными факторами.

Заранее спасибо.:)

Answer 1

Создание сеток на основе% невероятно легко, я думаю, если вы не собираетесь использовать все функции чего-то вроде Bootstrap, вы просто даете себе много лишнего раздувания. Создание адаптивной системы координат занимает не более 10/20 минут, и вы получите именно то, что вам нужно, ни больше, ни меньше.

Вот видео о том, как сделать простую сетку с двумя столбцами, %.

И вот сообщение в блоге проходит через почти то же самое, если вы предпочитаете читать об этом.

Чтобы сделать CSS для мобильных устройств, вам понадобятся медиа-запросы, вот пост об этом.

Кроме того, если вы собираетесь использовать медиа-запросы, не забудьте поставить:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

в head ваших страниц.