Какую величину нужно указывать во @media, чтобы быть уверенным она покроет все смартфоны?
Адаптивный сайт должен вменяемым образом отображаться при любом размере вьюпорта. Иначе покрыть, то она покроет, а вот влезут ли все блоки, это зависит от макета и верстки. Так что точек слома может быть сколько угодно.
И еще вопрос: можно ли как-то указать viewport для мобильных, но не для планшетов?
Нет, он будет срабатывать для всех мобильных устройств, в том числе и планшетов.
И используется ли viewport часто или это моветон? Например указать его значение 600 и забыть о проблемах для разных экранов?
Хе, установите и попробуйте как это будет смотреться. Можно попросить всех друзей прислать скрины с разных устройств и браузеров. Кстати хороший опыт, я так делала, просветляет :)
Простой
Средний
