Фундаментальные точки останова

Question

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

Есть ли способ добавить дополнительные точки останова? В частности, я хотел бы определить еще несколько размеров, таких как «малые», такие как размер для мобильных телефонов и планшетов по вертикали и по горизонтали.

Есть ли лучший способ, чем просто добавить дополнительные запросы в СМИ, как определено здесь: http://foundation.zurb.com/docs/media-queries.html?

Я не использую saas, просто используя прямой CSS и добавляя файл custom.css с переопределениями класса и пользовательским CSS.

Answer 1

Фонд имеет такие размеры, как (более или менее) телефоны, планшеты, настольные компьютеры. Идея заключается в том, что дизайн сайта гибкий в пределах этих границ, поэтому он работает для любого размера.

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

Answer 2

Вы можете добавить любой код, который вы хотите, отменяя те, фундаментные, лично я считаю, что подход с Zurb очень хорошо:

• Small: Для смартфонов
• Medium: Для таблеток
• Large: для рабочего стола

Помните, что последняя версия Foundation - это «mobile first», поэтому, если поведение определено для малого, предполагается, что для двух других уровней, если оно не перезаписано.

Как я уже сказал, вы можете добавить свой код ... просто будьте осторожны, чтобы правильно переопределить ... вам не нужно редактировать SASS или замарать руки на кишки основания, просто добавьте свой простой CSS-код (и вызовите он после основания)