Как вы делаете мобильный шаблон?

Question

[Martyer]

Здравствуйте.
Как вы адаптируете шаблон под мобилы?
Встала задача подогнать обычный шаблон под мобильники.
Структура шаблона просто ужас, движ самопис.
bootstrap даже меню адаптивное не работает, перепробывал всё.
Как это делаете вы?
Или может как сделать, чтобы при заходе с экрана менее 700 пикс. отображалс другой?
P.S делал через media, когда окно браузера сжимал, то всё работало отлично, однако когда зашёш через телефон никаких изменений.

Answer 1

[Роман]

а вы в хтмл файл дописали?

<meta name="viewport" content="width=device-width, initial-scale=1">

Comments

[Martyer]

Есть, однако и проблема всё ещё есть

Answer 2

[Денис Инешин]

С чего начать разработку адаптивного сайта?

Answer 3

[Владимир Голубев]

Пытался раньше сделать самописные решения, они все были кривые) Один из вариантов - переадресация на поддомен если определяется мобильное устройство, но яндекс и гугл не любят такие решения. Мой вам совет - используйте bootstrap, если готовый шаблон не работает нормально - стоит поменять его. Я сейчас стою перед схожей задачей - нужно сделать для сайта мобильную версию, и чувствую, будет намного быстрее всё сделать заново на yii2 + bootstrap чем пытаться настроить имеющийся шаблон в modX под мобильное отображение...)

Answer 4

[Александр Сапожников]

Вопрос стоит как лично вы делаете шаблон, так я отвечу просто резиновый шаблон где ширина не фиксируется ни в каком элементе кода!

Answer 5

[GreatRash]

Если дизайнер не позаботился о версии сайта для мобильников, то хоть расшибись, а всё равно говно получится с костылём на костыле.