Какие варианты мобильной версии существуют? Что предпочтительнее?

Существует несколько варинатов того, как можно сделать мобильную версию сайта.

Первый и самый старый способ — вынести мобильную версию в отдельную директорию. Раньше всегда так делали. То есть — это версия сайта со своей вёрсткой, которая делается отдельно. Это сложно поддерживать, так как по сути две версии сайта.

Второй — адаптивная вёрстка. Это одна версия сайта, но она меняет свою ширину, в зависимости от устройства. При этом ширина фиксируется и блоки меняют свой размер. Это хороший способ, но не очень универсальный, так как обычно адаптив делают на 3 версии экранов, а на всех остальных по краям остаются пустые пространства.

Третий способ — responsive. Это сочетание адfптивной и резиновой вёрстки. Отличие от простого адаптива в том, что на промежутках между точками перестроения адаптива блоки резиновые и вписываются в любое устройство. Так как на рынке большое количество устройств, с разными размерами экранов, такой способ является самыv универсальныv и делается по умолчанию.