Адаптивная сетка, что это такое и как этого добиться
Я только что проверил несколько своих веб-страниц в инструменте тестирования кросс-браузеров и обнаружил, что для более низких разрешений все мои div не идут отдельно.
После поисков я узнал об адаптивной сетке.
После прочтения этого я хотел спросить, является ли адаптивная сетка не чем иным, как сделать вашу веб-страницу отзывчивой к различным изменениям размеров экрана или она имеет что-то большее?
Кроме того, я использую purecss, чтобы сделать мою веб-страницу отзывчивой, поэтому мне нужно было знать, является ли это правильным или какие еще есть способы сделать это.
2 ответа
В значительной степени речь идет также об ограничении контента на основе вашей аудитории. Скажите, что людям на мобильном телефоне не нужно читать все отзывы на странице, чтобы скрыть их или показать по-другому. Использовать чистое или нет - полностью ваше личное предпочтение. Существует огромное количество адаптивных фреймворков, вы должны посмотреть, что они предлагают для ваших собственных целей настройки или расширяемости. Например, Foundation предлагает прекрасные аддоны JavaScript, которые вы можете использовать для модалов, слайдеров и навигации.
Удачи и, пожалуйста, добавьте к своему вопросу, если вам нужно спросить больше!
Ваш выбор использовать чистый, я чувствую, является хорошим, потому что он чрезвычайно легкий вес и стиль агностик. Хотя бутстрап и фундамент являются более популярными, они могут быть в 10-20 раз больше.
Проверьте также TukTuk, по своей природе он похож на Pure: http://tuktuk.tapquo.com/
Да, у вас есть правильная идея. Вы можете использовать такие фреймворки, как Twitter Bootstrap или Zurb Foundation, которые имеют весь CSS, необходимый для адаптивных сеток. Основная идея заключается в использовании медиазапросов CSS для применения различных правил CSS для экранов разных размеров. Javascript также можно использовать для отображения / скрытия функций, которые могут работать лучше на мобильных устройствах.