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

Question

[YuriyBum334]

Заказчик захотел, чтобы обычная и мобильная версия сайта были совсем разные - если на десктопе это сайт визитка, то на мобиле это одностраничник.

Лучшее, что придумал - это сдалеть де-факто 2 разных сайта внутри разных дивов:

@media screen and (max-width: 37.499em) {

.site__main {
	display: none;
}
//Mobile version here
}

@media screen and (min-width: 37.5em) {

	.site__small {
		display: none;
	}
//Desktop version here
}

Так понимаю, проблема здесь в продвижении - робот в любом случае увидит обе версии контента. Прав ли я? Пробовали ли Вы так делать?

Answer 1

[Sergey_USB]

Есть такая штука
demo.mobiledetect.net
Можешь прям два разных сайта сделать.