Я собираюсь адаптировать свой сайт для мобильных устройств. Мой вопрос: должен ли я создать дополнительный домен для мобильной версии (m.mysite.com) или использовать медиа-запросы в CSS? Мой первый выбор - это медиа-запросы, но на сегодняшних телефонах есть экраны с тем же разрешением, что и на ПК-мониторах, что делает медиа-запросы неэффективными. Или есть способ обойти это?Отзывчивый дизайн для мобильных сайтов
Я предпочитаю отзывчивый дизайн.
Я только выбираю субдомен в качестве решения, когда я строю большой веб-сайт.
Если вы берете отзывчивый дизайн, взгляните на бутстрап и фундамент.
Мой совет:
вы строите большой сайт с большим количеством контента/данных. Используйте поддомен для мобильного сайта.
Если это всего лишь небольшой веб-сайт для малого бизнеса. Сделайте сайт отзывчивым.
Использование медиа-запросов. Хотя количество пикселей одинаковое, эти телефоны используют соотношение двух пикселей, поэтому предполагаемый дизайн можно использовать, но с более четкой графикой и текстом. Например, iPhone 5 имеет device-pixel-ratio=2, что означает, что ваш элемент с шириной 200 пикселей будет занимать 400 пикселей на экране iPhone.
Прежде всего, по причинам SEO я бы предпочел, чтобы вам было лучше использовать каталог, а не поддомен. В целом, поисковые системы предпочитают мобильные мобильные сайты и «ранжируют» его выше.
На мой взгляд, сделайте его мобильным в любом случае.