Адаптирование сайта

284
04 июня 2017, 18:01

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

Answer 1

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

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

Answer 2

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

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

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

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте web-king.com.ua
ТОП-10
READ ALSO
Как сделать такое выравнивание текста?
HTML

Как сделать такое выравнивание текста?

Выглядит это вот так:

 317
Возможно ли уменьшить код? [требует правки]
HTML

Возможно ли уменьшить код? [требует правки]

Вот код:

 291
Перескакивает блок div в safari
HTML

Перескакивает блок div в safari

Всем приветПроблема на скрине, меню уходит вниз на Safari

 250
Массивы с длиной, представленной Int64
c#

Массивы с длиной, представленной Int64

Добрый день, господа! Ни для кого не секрет, что у массивов есть такое поле, как LongLength и GetValue, одна из перегрузок которого принимает longИз этого...

 316