как передать сложный тип с помощью фреймворка Navigation
Не нацеливайтесь на определенные устройства или размеры!
Общая мудрость не предназначена для таргетинга определенных устройств или размеров, а для перефразирования термина «точка останова»:
- сначала создайте сайт для mobile first , используя проценты или ems, а не пиксели,
- , затем попробуйте в большем окне просмотра и обратите внимание, где он начинает сбой,
- перепроектируйте макет и добавьте мультимедийный запрос CSS только для обработки разбитых частей,
- повторите процесс, пока не достигнете следующей точки останова.
Вы можете использовать responsivepx.com , чтобы найти «естественные» точки останова, так как в «точки останова мертвы» от Марка Драммонда .
Использовать естественные точки останова
Затем «точки останова» становятся фактической точкой, в которой ваш мобильный дизайн начинает «ломаться», т.е. перестает быть полезным или визуально приятным. Когда у вас есть хороший рабочий мобильный сайт без медиа-запросов, вы можете перестать беспокоиться о конкретных размерах и просто добавить медиа-запросы, которые обрабатывают последовательно более крупные видовые экраны.
Если вы не пытаетесь привязать дизайн к точный размер экрана, этот подход работает, устраняя необходимость нацеливаться на определенные устройства. Целостность самого дизайна в каждой точке останова гарантирует, что он будет поддерживать любой размер. Другими словами, если раздел меню / содержимого / независимо от того, что его можно использовать в определенном размере, создайте точку останова для этого размера , а не для определенного размера устройства.
См. Lyza Запись Гарднера на поведенческих контрольных точках , а также сообщение Зельдмана о Этане Маркоте и о том, как развивающийся веб-дизайн эволюционировал из интуитивной идеи.