-3

У меня сайт www.bakunights.ml я хочу адаптировать этот сайт под устройствам смартфоны т.д как это сделать чтоб когда вошли с смартфона по-другому сайт отображалась для устройства думаю поняли помогите?

4
  • на фрилансе идите и за вас сделают .. раз уж сами не умеете
    – user33274
    3 июн 2017 в 7:26
  • это мой собственный сайт не фриланс могу вам доказать даже 3 июн 2017 в 7:39
  • htmlbook.ru/css/value/media
    – user212578
    3 июн 2017 в 7:55
  • у меня такая проблема мой сайт:www.bakunights.ml там у меня footer есть я добавляю <meta name="viewport" content="width=device-witdh initial-scale=1.0" и как только с смартфона вошел footer-а как бы обрезает что ли знаете как решить 3 июн 2017 в 15:17

2 ответа 2

1

Тут есть море вариантов...

  • Сделать адаптивный шаблон
    • FlexBox
    • FlexBox + Smartgrid (рекомендую)
    • Bootstrap
  • Сделать определение устройства на сервере (mobile detect в помощь) и для каждого устройства отдавать свой шаблон (очень рекомендую для больших проектов)

Вы также можете найти еще варианты, которые будут Вам по душе)))

1
  • блогадарю вас помогли 7 июн 2017 в 9:12
0

1) В head добавьте <meta name="viewport" content="width=device-width, initial-scale=1">

2)Добавьте медиазапросы

2
  • а вы знаете сделать так чтобы вот когда кто то с телефона зашел и редирект на m.domain.com было? 3 июн 2017 в 15:50
  • создать субдомен
    – user245150
    3 июн 2017 в 17:07

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.